重新连接Socket.io

当使用Socket.io时，经常会遇到连接中断的情况，这时我们需要重新连接以维护实时通信的稳定性。

方法一：手动重连

使用以下代码可以手动触发重新连接：

var socket = io();
socket.on('disconnect', function(){
    socket.connect();
});

当socket连接断开时，会触发disconnect事件，我们可以在此时调用connect方法重新连接。

方法二：自动重连

为了避免手动重连过程繁琐，我们可以使用Socket.io提供的自动重连功能：

var socket = io({
    reconnection: true,
    reconnectionAttempts: 10,
    reconnectionDelay: 1000,
    reconnectionDelayMax: 5000
});

• reconnection表示是否启用自动重连。
• reconnectionAttempts表示尝试重新连接的次数。
• reconnectionDelay表示重新连接之前的等待时间，单位为毫秒。
• reconnectionDelayMax表示重新连接的最大等待时间，单位为毫秒。

使用以上配置后，当连接中断时，Socket.io会自动尝试重新连接，直到达到reconnectionAttempts次数后停止重连。

需要注意的是，Socket.io内部存在一些连接状态，比如connecting、connected、reconnecting等。我们可以通过监听这些事件来判断Socket是否已经重新连接成功：

socket.on('connecting', function(){
    console.log('Socket is connecting');
});

socket.on('reconnecting', function(attemptNumber){
    console.log('Socket is reconnecting, attempt number:', attemptNumber);
});

socket.on('connect', function(){
    console.log('Socket is connected');
});

以上代码分别监听了connecting、reconnecting、connect事件，分别表示连接中、正在重新连接、已连接成功。