Socket.io 断开后在重连监听事件时做些操作

Question

我用 Socket.io 搭建了一个聊天的简单应用，当用户打开应用的时候，如果用户登录了，那么就发送用户的信息给 socket 服务器，网络的稳定性谁也无法保证，不过幸好 Socket.io 有心跳包，能够在断开后自动连接服务器，那么重新连接服务器后 sockect.id 已经变了，但是其实还是同一个用户，我们就需要在 Socket.io 重连后再次发送用户的鉴别信息。

第一次连接成功：

// 链接成功，发送用户信息
soc.emit('login', {
  ID: userInfo.ID,
  token: userInfo.token
})

断开后重新连接成功：

// 重新连接后，发送登录信息
soc.on('reconnect', (data) => {
  soc.emit('login', {
    ID: userInfo.ID,
    token: userInfo.token
  })
})

其实还有其他的监听事件：

socket.on('disconnect', function(){
  // 服务已断开，等待重新连接
});

socket.on('reconnect', function(){
  // 重新连接成功
});

socket.on('reconnecting', function( nextRetry ){
  // 尝试重新连接
});

socket.on('reconnect_failed', function(){
  // 连接失败
  message("Reconnect Failed");
});

我们可以灵活的运用上面的监听函数，编写更为复杂的应用，例如断开连接后，我们可以提示用户你已掉线。

Answer 1

方法不错，感谢分享！