加载中...
');
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('连接已关闭，点击可重新连接
');
}
//监听窗口关闭事件，当窗口关闭时，主动去关闭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('服务端已离线，点击可重新连接
');
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)?'[离线] ':'[在线] ') + 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();
}
}
}
}
}