如何自動重新連線 WebSocket ? | 點燈坊

使用 WebSocket 時，常見的問題是 萬一 WebSocket 斷線時怎麼辦 ?，此時可使用 Reconnecting WebSocket package，當斷線時自動幫我們重新連線。

Version

macOS Mojave 10.14.6
Vue 2.6.10
Reconnecting WebSocket 4.2.0

Installation

$ yarn add reconnecting-websocket

Usage

import ReconnectingWebSocket from 'reconnecting-websocket';

let ws = new ReconnectWebSocket('ws://my.site.com');

ws.onopen = () => ws.send('Hello World');

ReconnectWebSocket 相容於 Web API 的 WebSocket，完全不用修改原來程式，只需將原本 new WebSocket() 改成 new ReconnectWebSocket() 即可。

Conclusion

• 透過 ReconnectWebSocket，讓我們輕鬆解決 WebSocket 斷線重連問題

Reference

Pladaria, reconnecting-websocket