我有这个使用 socket.io (1.5) 的简单 node.js 服务器代码:

var io = require('socket.io').listen(8080);

io.on('connection', function(socket) {

    console.log(' %s sockets connected', io.engine.clientsCount);

    socket.on('disconnect', function() {
        console.log("disconnect: ", socket.id);
    });
});

如果我运行此代码并按 F5 几次，在某些情况下，会在旧连接断开之前创建新连接。一段时间后，我认为是心跳超时，所有连接都将关闭。查看结果:

 2 sockets connected
 3 sockets connected
 4 sockets connected
 5 sockets connected
 6 sockets connected
 7 sockets connected
 8 sockets connected
 9 sockets connected
 10 sockets connected
 11 sockets connected
disconnect:  0h_9pkbAaE3ftKT9AAAL
 11 sockets connected
 12 sockets connected
 13 sockets connected
 14 sockets connected
disconnect:  oB4HQRCOY1UIvvZkAAAP
 14 sockets connected
 15 sockets connected
disconnect:  LiIN0oDVoqbePgxFAAAR
 15 sockets connected
 16 sockets connected
 17 sockets connected
 18 sockets connected
disconnect:  zxvk-uhWABHzmu1uAAAV
 18 sockets connected
 19 sockets connected
 20 sockets connected
disconnect:  FlboxgTzcjf6ScffAAAY
 20 sockets connected
 21 sockets connected
disconnect:  9UGXbnzukfGX_UtWAAAa
 21 sockets connected
disconnect:  pAfXOEz6RocKZdoZAAAb
 21 sockets connected
disconnect:  DIhTyVgG2LYBawaiAAAc
 21 sockets connected
disconnect:  W4XOc1iRymfTE2U0AAAd
 21 sockets connected
disconnect:  WZzegGPcoGDNLRTGAAAe
 21 sockets connected
 22 sockets connected
disconnect:  KVR3-fYH0cz77BmgAAAC
disconnect:  ANQknhnxr4l-OAuIAAAD
disconnect:  KZE5orNx6u9MbOArAAAE
disconnect:  TS6LL3asXrcznfcPAAAF
disconnect:  SVNxS3I7KqecdqKhAAAG
disconnect:  IE2WE5Y0PJzvxgBfAAAH
disconnect:  v69bdJav9PjpThBGAAAI
disconnect:  mJKT1ggfOOTshZKgAAAJ
disconnect:  YlycVjdcWe0emCAcAAAK
disconnect:  MoIDJSzP_L-1RUwuAAAM
disconnect:  wAl0x5qwCkrnDDYQAAAN
disconnect:  eiTlPEk2Hx_X-L-fAAAO
disconnect:  KgkrXxzG_EpXOsPTAAAQ
disconnect:  Lvf3kK-6XXEbu3NWAAAS
disconnect:  -hOoGdYOIvVK04K_AAAT
disconnect:  3EUmaAYpK-U3Ss9tAAAU
disconnect:  HQ6M98FebtKlU3OfAAAW
disconnect:  OwgrbRBYbS4j84nmAAAX
disconnect:  yN8FZAP4RjUNl2MeAAAZ
disconnect:  K9IFTjlgAWzdNfpUAAAf

我的问题是: 这是 Bug 还是 socket.io 的正常行为？如何防止连接泛滥，只需按 F5？

最好的问候 马克

最佳答案

我制作了自己的测试应用程序，并且能够弄清楚发生了什么。

如果你多次快速按 F5，它确实会在 Chrome 中暂时积累一些额外的 socket.io 连接，但在相对较短的时间内(可能几分钟)内，它会恢复并且连接的套接字总数恢复到1.

经过进一步测试，我发现这不是浏览器问题。这是 socket.io 如何启动 socket.io 连接的问题。如果您在客户端中替换它:

var socket = io();

用这个:

var socket = io({transports: ['websocket'], upgrade: false});

这迫使 socket.io 只使用 webSocket 而从不使用 HTTP 轮询，然后问题就消失了。

所以，问题是因为 socket.io 的默认行为是从 socket.io 连接的 http 轮询版本开始。在交换了一些数据后，socket.io 将尝试切换到真正的 webSocket。如果那个真正的 webSocket 有效，那么它将停止使用 http 轮询连接。

但是，如果您在轮询和真正的 webSocket 之间的转换过程中按下 F5，那么 socket.io 还没有持久连接，无法知道它刚刚与之通信的网页现在已经消失了。因此，它所能做的就是在一段时间后确定不再有来自该网页的任何传入通信，因此它应该清除它的 socket.io 连接(当你按下 F5 时它处于轮询模式)。

但是，如果您使用上面的客户端代码关闭初始轮询模式，那么它只会使用真正的 webSocket(从不使用模拟轮询模式)，并且当您按下 F5 时浏览器非常擅长清理 webSocket所以服务器要么没有完成建立它的 socket.io 连接(在这种情况下，还没有连接暂时孤立)，要么它已经转换为 webSocket(浏览器将在 F5 上干净地关闭它)。

因此，这是 socket.io 启动的 http 轮询模式的设计限制。由于在该模式下没有持续连接，因此当该页面被替换为 F5 时浏览器不会立即通知，因此服务器无法知道客户端刚刚消失。但是，如果您跳过 http 轮询模式并从真正的 webSocket 开始，那么就不存在有 socket.io 连接但没有真正的 webSocket 的时间窗口，因此浏览器总是会立即通知服务器关闭 webSocket当页面消失时连接。

关于javascript - Node.js Socket.io 页面刷新多个连接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41924713/