处理浏览器重新加载 socket.io

Posted 2023-02-22

【中文标题】处理浏览器重新加载 socket.io

【英文标题】：Handle browser reload socket.io

【发布时间】：2013-12-14 03:21:15

【问题描述】：

socket.io 中有一种方法可以在断开连接的事件中创建一个超时，然后检查用户是否已经重新连接？

这个想法是只有当用户在超时后没有重新连接时才发出数据/将用户状态保存在数据库中

编辑：遵循@Are Wojciechowski 的回答，我已经完成了多标签和 F5 洪水处理程序

https://gist.github.com/foohey/7696811

【问题讨论】：

如果用户没有重新连接，你将如何发送数据？

这是一个游戏，所以我想避免连接/断开连接泛滥。超时后，我将更新数据库中的用户状态，然后向对方玩家发出一个套接字（这是一个 1 VS 1 游戏）

你能修复要点的链接吗？坏了

【参考方案1】：

有一个socket.on('disconnect', function () ... );。 所以你可以做

socket.on('disconnect', function () 
    setTimeout(function () 
         //do something
    , 10000);
);

---

编辑 1：

我现在明白了。所以也许你应该这样做：

客户：

//right after connection
socket.emit('register', localstorage.getItem('gameUniqueId'));

//somewhere, when game starts
var randomlyGeneratedUID = Math.random().toString(36).substring(3,16) + +new Date;
localStorage.setItem('gameUniqueId', randomlyGeneratedUID);

服务器：

io.sockets.on('connection', function (socket) 
    var player = null;

    socket.on('register', function (data) 
        if (data !== null) 
            //there was something in localstorage
            if (game.Players.existsUID(data)) 
                player = game.Players.getByUID(data);
                player.disconnected = false;
             else 
                //timed out, create new player
            
         else 
            //localStorage is not set, create new player
        
    );

    socket.on('disconnect', function () 
        player.disconnected = true;
        setTimeout(function () 
            if (player.disconnected) player.delete();
        , 10000);
    );
);

【讨论】：

是的，我已经尝试过了。但问题是在事件之间进行交谈。这个想法是在断开连接事件中设置一个会话 ID。然后当连接事件被触发时，检查用户之前是否断开连接并取消（或不）超时

现在呢？我已经改变了答案。我知道这很复杂，但我试图简化它（原文如此！）。 :)