websocket 断线重连
2021-05-04 23:27
标签：func img js代码 sock info 图片 bsp 次数 close 服务端为swoole 的websocket 客户端js代码： 注意： 1.onclose、onerror出现两个，tcp重连的时候会重连两次；为避免这种情况，需要进行加锁lockReconnect 2.limitConnect 断线重连次数；timeConnect从0次开始播报 效果： 完整代码：去掉了onerror，不需要加锁 websocket 断线重连 标签：func img js代码 sock info 图片 bsp 次数 close 原文地址：https://www.cnblogs.com/wesky/p/12111929.html//1.创建websocket客户端
var wsServer = ‘ws://ip/‘;
var limitConnect = 3; // 断线重连次数
var timeConnect =0;
webSocketInit(wsServer);
//socket初始化
function webSocketInit(service){
var ws = new WebSocket(service);
ws.onopen = function () {
console.log("已连接TCP服务器");
};
ws.onmessage = function (msg) {
console.log(msg);
};
ws.onclose = function () {
console.log(‘服务器已经断开‘);
reconnect(service);
};
ws.onerror = function (err) {
//console.log("服务器报错：");
reconnect(service);
};
// 重连
function reconnect(service) {
// lockReconnect加锁，防止onclose、onerror两次重连
if(limitConnect>0){
if(localStorage.getItem(‘lockReconnect‘)!=true){
localStorage.setItem("lockReconnect",1);
limitConnect --;
timeConnect ++;
console.log("第"+timeConnect+"次重连");
// 进行重连
setTimeout(function(){
webSocketInit(service);
localStorage.removeItem("lockReconnect");
},2000);
}
}else{
console.log("TCP连接已超时");
}
}
// 心跳 * 回应
setInterval(function(){
websocket.send(‘‘);
}, 1000*100);
//1.创建websocket客户端
var wsServer = ‘ws://ip/‘;
var limitConnect = 3; // 断线重连次数
var timeConnect = 0;
webSocketInit(wsServer);
//socket初始化
function webSocketInit(service){
var ws = new WebSocket(service);
ws.onopen = function () {
console.log("已连接TCP服务器");
};
ws.onmessage = function (msg) {
console.log(msg);
};
ws.onclose = function () {
console.log(‘服务器已经断开‘);
reconnect(service);
};
// 重连
function reconnect(service) {
// lockReconnect加锁，防止onclose、onerror两次重连
if(limitConnect>0){
limitConnect --;
timeConnect ++;
console.log("第"+timeConnect+"次重连");
// 进行重连
setTimeout(function(){
webSocketInit(service);
},2000);
}else{
console.log("TCP连接已超时");
}
}
// 心跳 * 回应
setInterval(function(){
websocket.send(‘‘);
}, 1000*100);
下一篇：【web性能优化】相关文章