Websocket断線再接続メカニズム

5077 ワード

Websocketを使用する過程で、ネットワークが切断される場合がありますが、ネットワークが切断されるとサーバ側はoncloseのイベントをトリガーしません.これにより、サーバはクライアントに余分なリンクを送信し続け、これらのデータは失われます.したがって、クライアントとサービス側が正常なリンク状態にあるかどうかを検出するメカニズムが必要です.だからwebsocketのドキドキがありました.まだドキドキして、まだ生きていることを説明して、ドキドキしていない説明はもう切れました.
一、心拍再接続メカニズム(ネットワーク要因を考慮)
実現メカニズム
ハートビートメカニズムは、一定時間ごとにサーバにパケットを送信し、サーバ自身が生きていることを伝えるとともに、クライアントはサーバ側が生きているかどうかを確認し、生きているとクライアントにパケットを返信してサーバ側も生きていることを確認します.そうしないと、ネットワークが切断されている可能性があります.再接続が必要です~
コードインスタンス(javascript)
var WebSocket = {};
WebSocket.init = function(uri) {
    this.wsUri = uri;
    this.lastHeartBeat = new Date().getTime();
    this.overtime = 8000;

    initChannelData();
    WebSocket.websocket = new WebSocket(WebSocket.wsUri);

    WebSocket.websocket.onopen = function(evt) {
        onOpen(evt)
    };
    WebSocket.websocket.onclose = function(evt) {
        onClose(evt)
    };
    WebSocket.websocket.onmessage = function(evt) {
        onMessage(evt)
    };
    WebSocket.websocket.onerror = function(evt) {
        onError(evt)
    };
    setInterval(checkConnect,5000);
}

function checkConnect() {
     doSend("{'event':'ping'}");
     if ((new Date().getTime() - WebSocket.lastHeartBeat) > WebSocket.overtime) {
         reConnect();
     }
 }
function onMessage(e) {
     WebSocket.lastHeartBeat = new Date().getTime();
}
/**
*     
* */
function reConnect(){
    console.log("socket     ,          ");
    WebSocket.init("");
}

二、onclose接続再接続メカニズムを失う(ネットワーク要因を考慮しない)
実現メカニズム
oncloseコールバックイベントでの再接続
コードインスタンス(javascript)
var WebSocket = {};
WebSocket.init = function(uri) {
    this.wsUri = uri;
    this.lastHeartBeat = new Date().getTime();
    this.overtime = 8000;

    initChannelData();
    WebSocket.websocket = new WebSocket(WebSocket.wsUri);

    WebSocket.websocket.onopen = function(evt) {
        onOpen(evt)
    };
    WebSocket.websocket.onclose = function(evt) {
        onClose(evt)
    };
    WebSocket.websocket.onmessage = function(evt) {
        onMessage(evt)
    };
    WebSocket.websocket.onerror = function(evt) {
        onError(evt)
    };
}
/**
*     
* */
function reConnect(){
    console.log("socket     ,          ");
    WebSocket.init("");
}

function onClose(evt) {
    console.log("DISCONNECTED")
    reConnect();
}