var ws = new WebSocket('ws://localhost:8080');
ws.onopen = function () {
  ws.send(JSON.stringify({
      .... some message the I must send when I connect ....
  }));

};

ws.onmessage = function (e) {
  console.log('Got a message')
  console.log(e.data);
};

ws.onclose = function(e) {  
  console.log('socket closed try again'); 

}

ws.onerror = function(err) {
  console.error(err)
};

当我第一次连接到套接字时，我必须先向服务器发送一条消息以对自己进行身份验证并订阅频道。

我的问题是，有时套接字服务器不可靠，并且会触发对象的onerror和onclose事件'ws'。

问题：什么是一种好的设计模式，每当套接字关闭或遇到错误时，我可以等待10秒，然后重新连接到套接字服务器（并将初始消息重新发送到服务器）

这就是我最后得到的。它适用于我的目的。

function connect() {
  var ws = new WebSocket('ws://localhost:8080');
  ws.onopen = function() {
    // subscribe to some channels
    ws.send(JSON.stringify({
        //.... some message the I must send when I connect ....
    }));
  };

  ws.onmessage = function(e) {
    console.log('Message:', e.data);
  };

  ws.onclose = function(e) {
    console.log('Socket is closed. Reconnect will be attempted in 1 second.', e.reason);
    setTimeout(function() {
      connect();
    }, 1000);
  };

  ws.onerror = function(err) {
    console.error('Socket encountered error: ', err.message, 'Closing socket');
    ws.close();
  };
}

connect();

这对我有用setInterval，因为可能会丢失客户端连接。

ngOnInit(): void {
    if (window.location.protocol.includes('https')) {
        this.protocol = 'wss';
    }

    this.listenChanges();
}


listenChanges(): void {
    this.socket = new WebSocket(`${this.protocol}://${window.location.host}/v1.0/your/url`);

    this.socket.onmessage = (event): void => {
        // your subscription stuff
        this.store.dispatch(someAction);
    };

    this.socket.onerror = (): void => {
        this.socket.close();
    };


    this.socket.onopen = (): void => {
        clearInterval(this.timerId);

        this.socket.onclose = (): void => {
            this.timerId = setInterval(() => {
                this.listenChanges();
            }, 10000);
        };
    };
}

clearInterval插座打开后，别忘了打电话。

原生Websocket api上方的包装太有趣了，无法添加

https://github.com/joewalnes/reconnecting-websocket

更新的答案：

最后，（如果您不使用Java），我发现您最好实施自己的“乒乓”策略。（如果您使用的是Java，请查看ping / pong的“动作类型”，我不太清楚...）

1. 客户端每5秒向服务器发送一次“ ping”。
2. 一旦收到“ ping”，服务器应向客户端回显“ pong”。
3. 如果5秒钟内未收到“ pong”，则客户端应重新连接服务器。

不要依赖任何第三方库。

警告：请勿使用以下工具：

1. 检查网络是否可用：https : //github.com/hubspot/offline
2. 重新连接：https : //github.com/joewalnes/reconnecting-websocket