加載中...
');
try
{
wsk = new WebSocket(wsUrl);
initSocketAPI();
}
catch (e)
{
//console.log('catch');
reConnect();
}
}else{
//不支持webSocket
console.log('不支持webSocket');
}
}
function initSocketAPI(){
wsk.onopen = function(event){
//發送初始連接
wsk.send(JSON.stringify({"type":"guestconnect","uniKey":uniKey,"shopID":shopID}));
}
wsk.onerror = function(event){
//console.log('webSocket Error');
showTip('_lastID) _lastID = _itemID;
});
scrollToEnd();
if(_lastID>lastMsgID) lastMsgID = _lastID;
//console.log(minMsgID + '_' + lastMsgID);
}
break;
case 8107:
//從服務端獲取消息操作成功，但是沒有新的消息，給出歡迎提示
if(!isN(shopInfo)){
if(!isN(shopInfo['firstGreetings']) && !hasObj('#jg_msgOutBox #msg_firstGreetings')){
$('#jg_msgBox').before('' + shopInfo['firstGreetings'] + ' ' + ret.data + '
',5000);
$('#seats_status').html('');
break;
case 3201:
//座席主動連接客戶端
$('#jg_msgBox').before('' + ret.data + '
');
break;
case 1:
case -3106:
case -2404:
case -3404:
showTip(ret.data,5000);
break;
case -8001:
//無對照ID，彈出座席列表
console.log(ret.data);
showSeatsList();
break;
case 0:
case -2106:
case -8002:
console.log(ret.data);
break;
default:
//出錯了
break;
}
}
}
wsk.onclose = function(){
showTip('連接已關閉，點擊可(ke)重新(xin)連接
');
}
//監聽窗口關閉事件，當窗口關閉時，主動去關閉websocket連接，防止連接還沒斷開就關閉窗口，server端會拋異常。
window.onbeforeunload = function(){
wsk.close();
};
}
//重連函數
function reConnect(url) {
if(lockReconnect || activeClose) {
return;
};
showTip('嘗試重新連接服務器
');
lockReconnect = true;
//沒連接上會一直重連，設置延遲避免請求過多
juguw_ct && clearTimeout(juguw_ct);
juguw_ct = setTimeout(function () {
openSocket();
lockReconnect = false;
}, 20000);
}
//心跳檢測
var heartCheck = {
//每隔幾秒測試一下心跳是否在繼續
timeout: 10000,
timeoutObj: null,
serverTimeoutObj: null,
start: function(){
//console.log('準備檢測服務端在線狀態');
var self = this;
this.timeoutObj && clearTimeout(this.timeoutObj);
this.serverTimeoutObj && clearTimeout(this.serverTimeoutObj);
this.timeoutObj = setTimeout(function(){
//這里發送一個心跳，后端收到后，返回一個心跳消息，
console.log('發送檢測消息');
//發一個消息過去，后臺接收，在init()中的onmessage收到消息，說明后臺沒有掛掉，有心跳
if(isN(seatsID)){
wsk.send(JSON.stringify({"type":"activing"}));
}else{
wsk.send(JSON.stringify({"type":"checkuidonline","uID":'s_' + seatsID}));
}
//console.log(jg_userOpenedPop);
if(jg_userOpenedPop){
//如果用戶曾手動點開客服窗口
self.serverTimeoutObj = setTimeout(function() {
//console.log("服務端已離線");
showTip('服務端已離線，點(dian)擊可(ke)重新連接
');
wsk.close();
}, self.timeout);
}
}, this.timeout);
//console.log(this.timeout + '_' + self.timeout);
}
};
//客戶端超時提醒
function initPongCheck(vobj){
if(vobj){
if(!isN(vobj.timeOut)){
if(toInt(vobj.timeOut)>0){
pongCheck = {
timeoutObj:null,
pongTimeObj:null,
start:function(){
var _timeOut = toInt(shopInfo.timeOut)*1000;
var _pongTime = 60000;
if(!isN(shopInfo.pongTime)){
_pongTime = toInt(shopInfo.pongTime)*1000;
if(isN(_pongTime)) _pongTime = 60000;
}
if(_timeOut - _pongTime<5000) _pongTime = _timeOut;
_pongStr = shopInfo.pongStr || ((_timeOut - _pongTime)/1000 + '秒后將關閉連接');
this.timeoutObj && clearTimeout(this.timeoutObj);
this.pongTimeObj && clearTimeout(this.pongTimeObj);
this.pongTimeObj = setTimeout(function(){
showTip('' + _pongStr + '
',3000);
},_pongTime);
this.timeoutObj = setTimeout(function(){
console.log('關閉連接');
wsk.close();
}, _timeOut);
}
};
pongCheck.start();
}
}
}
}
function showTip(vstr,vt){
$('#jg_tipBox').html(vstr);
if(!isN(vt)){
setTimeout(function(){
$('#jg_tipBox').html('');
},vt);
}
}
function hideTip(){
$('#jg_tipBox').hide();
}
function sendMsg(){
var _msg = $('#jg_content').html();
var _now = Date.parse(new Date())/1000;
indexSend++;
if(!isN(_msg)){
$('#jg_msgBox').before('');
scrollToEnd();
$('#jg_content').html('');
if(!isN(pongCheck)) pongCheck.start();
wsk.send(JSON.stringify({'type':'say','scID':scID,'indexID':indexSend,'content':_msg}));
}else{
showTip('請輸入您要發送的消息內容！',2000);
}
}
function closeMask(){
$('#mask_tip').hide();
}
function guest_bind_seats(vid){
if(!isN(vid)){
if(confirm('您確定要該客服座席為您提供服務嗎？！')){
closeMask();
wsk.send(JSON.stringify({'type':'guest_bind_seats',"shopID":shopID,"sID":vid}));
};
}
}
//滾動到最后一條消息
function scrollToEnd(){
$('#jg_msgOutBox').animate({scrollTop:$('#jg_msgOutBox').prop("scrollHeight")}, 400);
}
//顯示座席列表給客戶端
function showSeatsList(vtip){
if(!isN(allSeats)){
var _html = ''
$.each(allSeats,function(idx,itm){
_html += '
' + (isN(itm.online)?'[離線] ':'[在線(xian)] ') + itm.nick + '
';
});
_html += '
關 閉
';
if(!isN(vtip)) _html += '
' + vtip + '
';
_html += '
' + ret.fromTitle + ' ' + formatDT2(ret['cTime']) + '
' + ret.fromTitle + ' ' + formatDT2(ret['cTime']) + '
' + formatDT2(ret.cTime) + '
');
}else{
$('#jg_msgBox').before('' + formatDT2(ret.cTime) + '
');
}
if(isN(insertType)) scrollToEnd();
}else{
//同一天的，如果兩條消息之間超過10分鐘，顯示時間
if(Math.abs(_cTime-ret['cTime'])>600){
if(!isN(insertType)){
$('#jg_msgOutBox').prepend('' + formatDT2(ret.cTime) + '
');
}else{
$('#jg_msgBox').before('' + formatDT2(ret.cTime) + '
');
}
if(isN(insertType)) scrollToEnd();
}
}
}
}
}