【客户端心跳机制实现】1.socket.io为例子

原创已于 2024-01-02 21:20:29 修改 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

于 2021-09-07 20:15:26 首次发布

cocos creator 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用Socket.IO实现实时心跳检测，通过定时发送game_ping并检测服务器响应，防止因网络不稳定导致的连接问题。当超过10秒未接收到pong时，主动关闭socket.io以避免无限重连。

1) 背景

socket.io在网络断开时，会不断断线重连，因此，一直连接不上，需要强行关闭

2) 实现

startHearbeat: function () {

            //客户端发送game_ping消息，当服务器收到后，就发送game_pong消息，代表客户端处理连接状态
            this.sio.on('game_pong', function () {
                console.log('game_pong');

                //上一次接收到服务器心跳的时间
                self.lastRecieveTime = Date.now();

                //做插值记录服务器延迟
                self.delayMS = self.lastRecieveTime - self.lastSendTime;
                console.log(self.delayMS);
            });

            //只执行一次，记录上次接收到的消息的时间
            this.lastRecieveTime = Date.now();

            //重命名为self
            var self = this;

            //self.isPinging保证定时器只会启动一次
            if (!self.isPinging) {

                //
                self.isPinging = true;

                //
                cc.game.on(cc.game.EVENT_HIDE, function () {
                    self.ping();
                });

                //每间隔5s，向服务器发送一次game_ping消息
                setInterval(function () {
                    if (self.sio) {
                        self.ping();
                    }
                }.bind(this), 5000);

                //根据上一次件收到的时间检测是否连接超时，超时则断开连接
                setInterval(function () {
                    if (self.sio) {

                        /**
                         * 如果10秒内没有收到回应，则表明socket.io长连接失败，关闭socket.io连接
                         * 因为socket.io会进行不断的断线重连，因此，强行关闭
                         */
                        if (Date.now() - self.lastRecieveTime > 10000) {
                            self.close();
                        }
                    }
                }.bind(this), 500); //心跳为每间隔0.5s检测一次
            }
        },