websocket重连机制

最新推荐文章于 2024-08-30 17:58:16 发布

家家小迷弟

最新推荐文章于 2024-08-30 17:58:16 发布

阅读量2.3k

点赞数 1

分类专栏： work

本文链接：https://blog.csdn.net/weixin_42260782/article/details/118609474

版权

work 专栏收录该内容

99 篇文章 1 订阅

订阅专栏

该代码示例展示了如何在WebSocket连接断开时实现重连机制，无需心跳检查，因为服务器每十秒会自动发送数据。当服务器进程被杀死时，客户端会立即检测到连接断开，并开始尝试重连，最多尝试10000次。重连间隔为10秒。

摘要由CSDN通过智能技术生成

需要给websocket加上重连机制，百度了很多教程，有加上心跳机制的，因为服务器每十秒会给客户端发数据，而且直接kill掉服务器进程，客户端会马上显示断开连接，我这里就没有加心跳机制。

// 系统状态的socket
var wsIp = 'ws://127.0.0.1:18060';
var sysConnect = 10000;  // 断线重连次数
var numConnect = 0;
var socketstatusTask=null
sysSocketInit(wsIp);

//socket初始化
function sysSocketInit(service){

socketstatusTask = new WebSocket(service);
socketstatusTask.onopen = function () {
	console.log("已连接状态系统的socket服务器");
	numConnect=0;
  };
  socketstatusTask.onmessage = function (msg) {
	//  console.log("----------------------------------------------------");
	  uni.$emit("socketstatusTask",msg)
	//console.log(msg);
  };
  socketstatusTask.onclose = function () {
	console.log('系统状态服务器已经断开');
	reconnectSys(service);
  };

  // 重连
  function reconnectSys(service) {
	// lockReconnect加锁，防止onclose、onerror两次重连
	if(sysConnect>0){
		sysConnect --;
		numConnect ++;
		console.log("第"+numConnect+"次重连");
		// 进行重连
		setTimeout(function(){
			sysSocketInit(service);
		},10000);

	}else{
	  console.log("系统状态服务器连接已超时");
	}
  }

  // 心跳 * 回应
//   setInterval(function(){
// 	socketstatusTask.send('msg from client');
//   }, 1000*20);
}