用 js 写的 WebSocketHeartBeat,心跳检测

2020年9月19日 6点热度 0条评论 来源: 有上进心的东伯雪鹰

一、地址

二、代码

    var ws;//websocket实例
    var lockReconnect = false;//避免重复连接
    var wsUrl = 'ws:xxx.1.1.1';
    
    function createWebSocket(url) { 
        try { 
            ws = new WebSocket(url);
            initEventHandle();
        } catch (e) { 
            reconnect(url);
        }     
    }

    function initEventHandle() { 
        ws.onclose = function () { 
            reconnect(wsUrl);
        };
        ws.onerror = function () { 
            reconnect(wsUrl);
        };
        ws.onopen = function () { 
            //心跳检测重置
            heartCheck.reset().start();
        };
        ws.onmessage = function (event) { 
            //如果获取到消息,心跳检测重置
            //拿到任何消息都说明当前连接是正常的
            heartCheck.reset().start();
        }
    }

    function reconnect(url) { 
        if(lockReconnect) return;
        lockReconnect = true;
        //没连接上会一直重连,设置延迟避免请求过多
        setTimeout(function () { 
            createWebSocket(url);
            lockReconnect = false;
        }, 2000);
    }

    
    //心跳检测
    var heartCheck = { 
        timeout: 60000,//60秒
        timeoutObj: null,
        reset: function(){ 
            clearTimeout(this.timeoutObj);
            return this;
        },
        start: function(){ 
            this.timeoutObj = setTimeout(function(){ 
                //这里发送一个心跳,后端收到后,返回一个心跳消息,
                //onmessage拿到返回的心跳就说明连接正常
                ws.send("HeartBeat");
            }, this.timeout)
        }
    }

    createWebSocket(wsUrl);
    原文作者:有上进心的东伯雪鹰
    原文地址: https://blog.csdn.net/qq_36025814/article/details/108683882
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。