标签:point 简单 网络协议 var 协议 nop instance mes 解决方案
websocket是HTML5下一个不错的网络协议解决方案,有一个场景很多猿猿都会遇到,手机锁屏后大约60秒,IOS会自动断开websocket连接,连接丢失了,那我们的数据也就断了。websocket 断线重连方案如下:
reconnecting websocket是一个javascript封闭的websocket库,非常小,压缩后仅有3KB。它的功能是当websocket断线后自动帮你重连。使用方法很简单:
只要把
var ws = new WebSocket(‘ws://....‘);
替换成
var ws = new ReconnectingWebSocket(‘ws://....‘);
就行了,当websocket断开着它会帮你自动重连,socket永不断线!
它支持事件
onopen onmessage onmessage onmessage onclose // At this point the WebSocket instance is dead.
websocket 断线重连原理实现
var ws = new WebSocket(‘ws:../../websocket‘); ws.onmessage = function(msg){ console.log(‘msg:‘,msg); //do something }; ws.onclose = function(){ console.log(‘closed....‘); };
var ws = new WebSocket(‘ws:../../websocket‘); ws.onmessage = function(msg){ console.log(‘msg:‘,msg); //do something }; //把刚才干的事情重写一遍 function reconnect (){ rews = new WebSocket(‘ws:../../websocket‘); rews.onmessage = function(){ //dosomthing }; rews.onclose = function(){ //dosomthing }; } //每隔5秒去调用一次 var disConnect = function(){ setTimeout(function(){ reconnect(); },5000); } //函数放在onclose里 ws.onclose = disConnect;
转自 https://www.uedbox.com/websocket-reconnect/
标签:point 简单 网络协议 var 协议 nop instance mes 解决方案
原文地址:https://www.cnblogs.com/anxiaoyu/p/9009817.html