我是靠谱客的博主 冷静羊,最近开发中收集的这篇文章主要介绍用 js 写的 WebSocketHeartBeat,心跳检测一、地址二、代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

  • 一、地址
  • 二、代码

一、地址

  • 用js写的WebSocketHeartBeat,心跳检测

二、代码

    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);

最后

以上就是冷静羊为你收集整理的用 js 写的 WebSocketHeartBeat,心跳检测一、地址二、代码的全部内容,希望文章能够帮你解决用 js 写的 WebSocketHeartBeat,心跳检测一、地址二、代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)

评论列表共有 0 条评论

立即
投稿
返回
顶部