js socket 断线重连

class SocketClient {
  constructor(url) {
    this.url = url;
    this.socket = null;
    this.reconnectInterval = 5000; // 重连间隔时间，单位毫秒
    this.maxReconnectAttempts = 10; // 最大重连尝试次数
    this.reconnectAttempts = 0;
  }

  connect() {
    this.socket = new WebSocket(this.url);

    this.socket.onopen = () => {
      console.log('WebSocket连接已打开');
      this.reconnectAttempts = 0; // 重置重连尝试次数
    };

    this.socket.onmessage = (event) => {
      console.log('收到消息:', event.data);
    };

    this.socket.onerror = (error) => {
      console.error('WebSocket错误:', error);
    };

    this.socket.onclose = (event) => {
      console.log('WebSocket连接已关闭', event);
      if (this.reconnectAttempts < this.maxReconnectAttempts) {
        setTimeout(() => {
          console.log('尝试重新连接...');
          this.reconnectAttempts++;
          this.connect();
        }, this.reconnectInterval);
      } else {
        console.error('达到最大重连尝试次数，停止重连');
      }
    };
  }

  send(data) {
    if (this.socket && this.socket.readyState === WebSocket.OPEN) {
      this.socket.send(data);
    } else {
      console.error('无法发送数据，Socket未打开');
    }
  }
}

// 使用示例
const client = new SocketClient('ws://example.com/socket');
client.connect();