websocket 斷線重連

2022-06-01 02:27:08 字數 1286 閱讀 5923

服務端為swoole 的websocket

客戶端js**:

//

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

() ;

ws.onerror = function

(err) ;

//重連

function

reconnect(service) ,2000);}}

else

}//心跳 * 回應

setinterval(function

(), 1000*100);

注意:1.onclose、onerror出現兩個,tcp重連的時候會重連兩次;為避免這種情況,需要進行加鎖lockreconnect

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...