服務端為swoole 的websocket
客戶端js**:
//注意:1.onclose、onerror出現兩個,tcp重連的時候會重連兩次;為避免這種情況,需要進行加鎖lockreconnect1.建立websocket客戶端
var wsserver = 'ws://ip/';
var limitconnect = 3; //
斷線重連次數
var timeconnect =0;
websocketinit(wsserver);
//socket初始化
function
websocketinit(service);
ws.onmessage = function
(msg) ;
ws.onclose = function
() ;
ws.onerror = function
(err) ;
//重連
function
reconnect(service) ,2000);}}
else
}//心跳 * 回應
setinterval(function
(), 1000*100);
2.limitconnect 斷線重連次數;timeconnect從0次開始播報
效果:
完整**:去掉了onerror,不需要加鎖
//1.建立websocket客戶端
var wsserver = 'ws://ip/';
var limitconnect = 3; //
斷線重連次數
var timeconnect = 0;
websocketinit(wsserver);
//socket初始化
function
websocketinit(service);
ws.onmessage = function
(msg) ;
ws.onclose = function
() ;
//重連
function
reconnect(service) ,2000);
}else
}//心跳 * 回應
setinterval(function
(), 1000*100);
websocket 斷線重連
摘要websocket reconnect websocket是html5發布之後出現的一種新技術,說它是新技術,其實也不是多新的技術了,因為畢竟也有2 3年了,但是找了很多國內的例項,缺發現不多,不知道是它不好用呢,還是說這種技術原來就有缺陷呢,咱們暫且不說,今天我們就來介紹一下websocket...
websocket斷線重連
1 需求 最近做了乙個需要實時展示硬體狀態的專案,需要用到websocket,於是在 sockjs client 基礎上二次封裝了一下 2 思路 封裝的目的主要是起到乙個斷線重連的目的,利用websocket斷線會觸發onclose方法判斷是否重連 import sockjs from sockjs...
vue配置websocket,斷線重連
main.js var websocket url ws window.websocket new websocket websocket url vue.prototype.socket window.websocket window.onload function 10000 settimeou...