webSocket使用心跳包实现断线重连

首先new一个webscoket的连接

let noticeSocketLink = new WebSocket(‘webSocket的地址’)

这里是连接成功之后的操作

linkNoticeWebsocket(){noticeSocketLink.onopen = ()=>{//在连接成功打开的时候调用断线重连的函数,传入websocket对象
webCloseLink(noticeSocketLink)}this.noticeSocketLink.onmessage = res => {console.log("res")}noticeSocketLink.onclose = res => {console.log("websocket is closed")}},

//断开连接，断线重连的函数

webCloseLink(WebSocketId){WebSocketId.send("心跳包内容")// 每个15秒发送一次心跳包let hb = setInterval(()=>{WebSocketId.send("心跳包内容")// 检测到websocket连接断开if(WebSocketId.readyState == 2 || WebSocketId.readyState == 3){clearInterval(this.hb)let i = 1let myVar = setInterval(()=>{if(WebSocketId.readyState == 2 || WebSocketId.readyState == 3){// 重新new一个websocket的连接this.noticeSocketLink = new WebSocket(WebSocketId.url);WebSocketId = this.noticeSocketLink;if(i == 5){clearInterval(myVar);// location.reload();return}i++}else if(WebSocketId.readyState == 0){}else if(WebSocketId.readyState == 1){ // websocket重连成功this.linkNoticeWebsocket();clearInterval(hb)clearInterval(myVar)}},4*1000)}}, 15000)
},

转载于:https://www.cnblogs.com/qisimx/p/10518355.html

webSocket使用心跳包实现断线重连相关推荐

Android Socket连接（模拟心跳包，断线重连，发送数据等）
首页博客学院下载 GitChat TinyMind 论坛问答商城 VIP 活动招聘 ITeye CSTO 写博客发Chat 喻志强的博客耐心细心用心传播正能量 RSS订阅原 A ...
WebSocket的心跳机制和断线重连
背景在服务器重启或是弱网情况下,前端不能保证一直连接成功.因此在出现被动断开的情况下,需要有心跳机制和断线重连的功能. 心跳机制:客户端每隔一段时间向服务端发送一个特有的心跳消息,每次服务端收到消息 ...
浅析 Netty 实现心跳机制与断线重连
基础何为心跳顾名思义, 所谓心跳, 即在 TCP 长连接中, 客户端和服务器之间定期发送的一种特殊的数据包, 通知对方自己还在线, 以确保 TCP 连接的有效性. 为什么需要心跳因为网络的不可 ...
Netty是如何实现TCP心跳机制与断线重连的
本文来说下Netty 是如何实现 TCP 心跳机制与断线重连的文章目录什么是心跳机制HeartBeat 如何实现心跳机制 Netty实现自定义的心跳机制服务端客户端测试效果客户端断线重连 ...
Netty——心跳机制与断线重连
心跳机制与断线重连心跳机制 IdleStateHandler 客户端服务端测试正常情况异常情况总结断线重连为了保证系统的稳定性,心跳机制和断线重连可是必不可少的,而这两个在Netty中 ...
面试官问：服务的心跳机制与断线重连，Netty底层是怎么实现的？懵了
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 心跳机制何为心跳所谓心跳, 即在 TCP 长连接中, ...
Netty实现心跳机制与断线重连
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 来源:https://www.jianshu.com/p/ ...
四、Netty 实现心跳机制与断线重连
一.概述何为心跳顾名思义, 所谓心跳, 即在 TCP 长连接中, 客户端和服务器之间定期发送的一种特殊的数据包, 通知对方自己还在线, 以确保 TCP 连接的有效性. 为什么需要心跳因为网络的不 ...
给websocket加入心跳包防止自动断开连接
var userId = $("#userId").val(); var lockReconnect = false; //避免ws重复连接 var ws = null; //判断 ...

webSocket使用心跳包实现断线重连

webSocket使用心跳包实现断线重连相关推荐

最新文章

热门文章