背景
Socket.io 是一个基于 WebSocket 的实时通信库，它支持双向通信，可以在客户端和服务器之间建立长连接，实现实时数据传输。然而，在实际开发中，我们可能会遇到 Socket.io 连接超时自动断开的问题，这将导致通信中断，数据丢失，给应用带来负面影响。
解决方法
解决 Socket.io 连接超时自动断开的问题，需要设置服务器和客户端的心跳包机制。
服务器端设置
服务器端需要通过 Socket.io 的 pingTimeout 和 pingInterval 选项设置心跳间隔和超时时间：
const io = require('socket.io')(server, { pingTimeout: 60000, // 60s pingInterval: 25000, // 25s });
其中，pingTimeout 表示服务器向客户端发送心跳包后，在这个时间内客户端必须回复心跳包，否则服务器认为客户端已经断开连接。默认值为 5000 毫秒。pingInterval 表示服务器发送心跳包的间隔时间，默认值为 25000 毫秒。
客户端设置
客户端需要通过 Socket.io 的 heartbeatTimeout 和 heartbeatInterval 选项设置心跳间隔和超时时间：
const socket = io.connect('http://localhost:3000', { heartbeatTimeout: 60000, // 60s heartbeatInterval: 25000, // 25s });
其中，heartbeatTimeout 表示客户端向服务器发送心跳包后，在这个时间内服务器必须回复心跳包，否则客户端认为服务器已经断开连接。默认值为 60000 毫秒。heartbeatInterval 表示客户端发送心跳包的间隔时间，默认值为 20000 毫秒。
示例代码
-- -------------------- ---- ------- -- ---- ----- -- - ---------------------------- - ------------ ------ -- --- ------------- ------ -- --- --- ------------------- -------- -- - -------------- ---- ------------ ----------------------- -- -- - ----------------- --------------- --- -------------- -- - ------------------- -------- -- ------- --- -- --- ----- ------ - ----------------------------------- - ----------------- ------ -- --- ------------------ ------ -- --- --- -------------------- -- -- - ---------------------- -- --------- --- ----------------- -- -- - --------------------- ---- ---- --------- --- ----------------------- -- -- - ------------------------- ---- --------- ---展开代码
以上是一个简单的示例代码，服务器端和客户端都设置了心跳包机制，客户端每隔 15 秒向服务器发送一个心跳包，如果服务器在超时时间内没有回复心跳包，客户端就会认为服务器已经断开连接，触发 disconnect 事件。
总结
通过设置心跳包机制，可以很好地解决 Socket.io 连接超时自动断开的问题。在实际开发中，还要注意调整心跳包间隔和超时时间以及优化心跳包的数据大小，避免对网络带宽造成影响。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fee78c95b1f8cacdd940b3
