如何在Node.js中用户断开Socket.io连接时从客户端向服务端发送数据

方法1：客户端在页面卸载前主动发送数据 #

在客户端监听页面卸载相关事件，此时Socket.io连接尚未断开，直接发送自定义事件传递数据：

// 客户端代码
window.addEventListener('beforeunload', () => {
  // 发送断开前需要提交的数据
  socket.emit('disconnect_data', {
    userId: 'user123',
    sessionData: 'some-content'
  });
});

服务端对应监听该自定义事件，接收并处理数据：

// 服务端代码
socket.on('disconnect_data', (data) => {
  // 执行数据持久化或其他业务逻辑
  console.log('收到断开前的数据:', data);
});

如果数据量较大，浏览器可能限制beforeunload内的异步操作时长，推荐使用navigator.sendBeacon（需服务端支持POST接口）：

// 客户端sendBeacon实现
window.addEventListener('unload', () => {
  const data = JSON.stringify({ userId: 'user123', sessionData: 'some-content' });
  navigator.sendBeacon('/api/save-disconnect-data', data);
});

服务端处理POST请求：

// Express服务端示例
app.post('/api/save-disconnect-data', express.json(), (req, res) => {
  const disconnectData = req.body;
  // 处理数据逻辑
  res.status(204).send();
});

方法2：服务端利用disconnecting事件读取预存数据 #

如果只需传递用户基础信息这类提前关联的数据，可以在客户端连接时将数据绑定到Socket实例上，服务端通过disconnecting事件直接读取：

// 客户端连接时发送用户标识
socket.emit('bind_user', { userId: 'user123' });

// 服务端接收并存储到socket对象
socket.on('bind_user', (userInfo) => {
  socket.userInfo = userInfo;
});

// 服务端监听disconnecting事件（连接即将断开但未完全关闭时触发）
socket.on('disconnecting', () => {
  console.log('用户断开，关联数据:', socket.userInfo);
  // 执行后续处理逻辑
});

原方案失效原因 #

客户端的disconnect事件触发时，Socket.io连接已经完全关闭，此时调用socket.emit发送事件，数据无法通过已断开的连接传递到服务端，必须在连接活跃状态下完成数据发送。

内容的提问来源于stack exchange，提问作者Jay Limbasiya