js websocket重连

WebSocket是一种在单个TCP连接上进行全双工通信的协议，常用于实时应用，如在线聊天、游戏和股票交易等。如果Websocket连接断开后需要重新建立，通常是因为网络问题或服务器端的问题。在JavaScript中，可以设置心跳机制以及监听`close`事件来进行重连。

以下是基本的WebSocket重连步骤：

1. **创建实例**：
使用`new WebSocket(url)`创建一个WebSocket对象，url是服务器的地址。

const socket = new WebSocket('ws://yourserver.com/path');

2. **连接状态检查**：
注册`open`, `error`, 和 `close`事件处理函数。当连接打开(`open`)或关闭(`close`)时，会分别执行对应的回调。

socket.addEventListener('open', (event) => {
  // 连接成功
});

socket.addEventListener('error', (event) => {
  // 处理错误，例如尝试重连
});

socket.addEventListener('close', (event) => {
  if (event.wasClean) {
    // 如果是正常关闭，不需要重连
  } else {
    reconnect();
  }
});

3. **重连函数**：
当`close`事件触发且不是正常关闭时，调用`reconnect`函数，这里可以用定时器或者轮询机制（如Ajax请求）来尝试重新连接。

function reconnect() {
  setTimeout(() => {
    socket.readyState === WebSocket.OPEN && socket.close();
    socket = new WebSocket('ws://yourserver.com/path');
    socket.addEventListener('open', () => {
      console.log('Reconnected');
    });
  }, 5000); // 5秒后尝试重连
}

4. **优化：长连接**
可以考虑使用WebSocket持久连接（ping/pong心跳检测），服务器定期发送ping消息，客户端收到后回应pong，这样可以发现连接是否中断。