簡述

利用遞迴呼叫的方法實現，每10秒鐘發一次心跳，如果斷開send方法則會主動觸發onclose函式（onclose函式並不會在斷網的情況下立即觸發，會有幾分鐘的延遲。websocket自身並未在網路應用層實現心跳機制，拔掉網線依然會仍然會認為處於連線狀態。）

talk is cheap, show you the code.

定義到一個vue元件當中，例如heartbeat.vue，然後將元件掛載到全域性（在main.vue中倒入）

export default{
        hb : null,
        testWs(id){  // 遞迴檢測網路斷開
        let
 
 WebSocketId = id
        let _self = this

        _self.hb = setInterval(function(){
                console.log('try ididdi = ' + WebSocketId)
                // console.log(_self.bt_kernels)
                _self.bt_kernels[WebSocketId.toString()].ws.send("^_^")
                // console.log("我還活著，真好。@^_^@")
 

                if(_self.bt_kernels[WebSocketId.toString()].ws.readyState == 2 || _self.bt_kernels[WebSocketId.toString()].ws.readyState == 3){
                    // console.log("我那麼可愛，卻死掉了@[email protected]")
                    alert("websocket 已斷開，正在重新連線……")
                    clearInterval(_self.hb)
                    let
 
 i = 1
                    let myVar = setInterval(function(){
                        console.log('catch ididdi = ' + WebSocketId)
                        console.log(_self.bt_kernels)
                        if(_self.bt_kernels[WebSocketId.toString()].ws.readyState == 2 || _self.bt_kernels[id.toString()].ws.readyState == 3){

                            _self.bt_kernels[WebSocketId.toString()].ws = new WebSocket(_self.bt_kernels[id.toString()].ws.url)
                            // console.log("嘗試第"+i+"次重連")
                            if(i == 10){
                                // console.log("救不活了，放棄重連")
                                alert("websocket 重連失敗，請重新整理頁面")
                                clearInterval(myVar)
                            }
                            i++
                        }
                        if(_self.bt_kernels[WebSocketId.toString()].ws.readyState == 0){
                            // console.log("嘗試重連中......")
                        }else if(_self.bt_kernels[WebSocketId.toString()].ws.readyState == 1){
                            // console.log("我又活過來了。Y^_^Y")
                            clearInterval(myVar)
                                _self.testWs(WebSocketId)
                            }
                    },10*1000)
                }
        }, 10*1000)
    },
}

函式呼叫，websockt建立成功則開啟心跳

websocket.onopen = function(){
    this.$heartbeat.testWs()
}