用 js 写的 WebSocketHeartBeat，心跳检测，断线重连

用js写的WebSocketHeartBeat，心跳检测
代码

<script>var ws;//websocket实例var lockReconnect = false;//避免重复连接var wsUrl = 'ws://localhost:8811';function createWebSocket(url) {try {ws = new WebSocket(url);initEventHandle();} catch (e) {reconnect(url);}}function initEventHandle() {//连接关闭 - 重连ws.onclose = function (event) {console.log('onclose：' + event.data)reconnect(wsUrl);};//连接异常 - 重连ws.onerror = function (event) {console.log('onerror：' + event.data);reconnect(wsUrl);};//连接成功 - 发送心跳消息ws.onopen = function () {//保持连接：每60秒发送一个消息setInterval(function () {ws.send('{"user_id": 0,"cmd_type":0,"content":"HeartBeat Message"}');}, 60000);};ws.onmessage = function(event){try {let obj = JSON.parse(event.data);if (typeof obj == 'object' && obj) {//处理服务端返回的数据对象 obj：弹出消息框，内容支持点击...}} catch (e) {console.log('catch - error event：' + event.data + ' parse json error !!!' + e);}}.bind(this);}//重连操作function reconnect(url) {if(lockReconnect){return;}lockReconnect = true;//没连接上会一直重连，设置延迟避免请求过多setTimeout(function () {createWebSocket(url);lockReconnect = false;}, 10000); //10秒后重连}//调用websocketcreateWebSocket(wsUrl);</script>

用 js 写的 WebSocketHeartBeat，心跳检测，断线重连相关推荐

长连接、心跳和断线重连
长连接.心跳和断线重连 2017年06月22日 18:38:53 天涯遍地是小草阅读数 7938 一.概述目前IM软件有一个基本的功能就是长在线,即只要有网络就保持登录,然而,网络状态是无法预测的 ...
【Netty】利用Netty实现心跳检测和重连机制
一.前言心跳机制是定时发送一个自定义的结构体(心跳包),让对方知道自己还活着,以确保连接的有效性的机制. 我们用到的很多框架都用到了心跳检测,比如服务注册到 Eureka Server 之后会维 ...
netty自定义消息实现心跳检测与重连
netty的心跳发送的重连,主要在client端.前面有关于自定义协议的demo:https://blog.csdn.net/zc_ad/article/details/83829620 其实客户端心 ...
socket心跳机制图片_WebSocket心跳检测和重连机制
1. 心跳重连原由心跳和重连的目的用一句话概括就是客户端和服务端保证彼此还活着,避免丢包发生. websocket连接断开有以下两种情况: 前端断开在使用websocket过程中,可能会出现网络断 ...
Websocket心跳检测、重连机制
前言为了获取实时数据,前端需要和后端保持通信,HTTP 协议只能是客户端向服务器发出请求,服务器返回查询结果.这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦.我们只能使 ...
socket心跳检测和重连小demo
转载自: http://blog.csdn.net/u011791526/article/details/53536403 有时候我们的程序要求socket一直保持连接,并且希望在socket断开以后 ...
长连接、短连接、心跳机制与断线重连
在不同场景下要考虑长连接还是短连接,那么我们要先了解他. 短连接概念 client与server通过三次握手建立连接,client发送请求消息,server返回响应,一次连接就完成了. 这时候双方任 ...
Netty实现服务端客户端长连接通讯及心跳检测
通过netty实现服务端与客户端的长连接通讯,及心跳检测. 基本思路:netty服务端通过一个Map保存所有连接上来的客户端SocketChannel,客户端的Id作为Map的key.每次服务器端如果 ...
netty心跳过程中发送消息失败_Netty 4.0 实现心跳检测和断线重连
arg0.pipeline().addLast("ping", new IdleStateHandler(25, 15, 10,TimeUnit.SECONDS)); 这个处理器, ...
Netty 4.0 实现心跳检测和断线重连
一实现心跳检测原理:当服务端每隔一段时间就会向客户端发送心跳包,客户端收到心跳包后同样也会回一个心跳包给服务端一般情况下,客户端与服务端在指定时间内没有任何读写请求,就会认为连接是idle(空闲 ...

用 js 写的 WebSocketHeartBeat，心跳检测，断线重连

用 js 写的 WebSocketHeartBeat，心跳检测，断线重连相关推荐

最新文章

热门文章