依賴

使用

1.規(guī)范 socket api

2. 設置 url

3. 建立 socket 連接

websocket 連接應在打開頁面時建立，關閉頁面時銷毀，所以應選擇在入口文件建立。

4. 進入 socket 房間

為保證瀏覽器性能，房間應該在進入特定路由時建立，離開特定路由時退出，所以選擇在路由守衛(wèi)文件編寫相關邏輯。

5. 監(jiān)聽數(shù)據(jù)

后端通過 WebSocket 發(fā)送的數(shù)據(jù)在前端頁面渲染的部分，應在前端對應頁面監(jiān)聽。

參考

WebSocket - Web Api 接口參考|MDN：

https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket

Socket.io：

https://socket.io/zh-CN/