點燈坊

學而時習之,不亦悅乎

Tag : Socket.io

使用 Vue-socket.io 連接 WebSocket

若要在 Vue 使用 WebSocket,Vue-socket.io 提供了更簡易方式,只要在 Vue Instance 下的 sockets property 宣告與 event 同名的 function,即可在該 function 下實作 event handler。

使用 Socket.io 計算線上人數

無論 User 跳轉到其他網頁,或者關閉 Browser,Socket.io 的 disconnect event 都會被觸發,因此 WebSocket 最簡單的應用就是用來計算線上人數。

Socket.io 初體驗

WebSocket 使得原本 Stateless 的 Web 有新玩法,而 Socket.io 是 WebSocket 的封裝,讓我們在不重新執行 JavaScript 前提下,就可直接收到 Server 送來資料,本文後端使用 Node + Express,前端使用 HTML + JavaScript,體驗最簡單的 Socket.io。