[note] socket.io 筆記
Socket.IO 包含兩個部分：
- 和 Node.JS 整合的 HTTP Server：
socket.io - 於瀏覽器端載入的函式庫：
socket.io-client
Socket.IO 背後最主要的概念就是你可以傳送和接受任何你想要的事件，並帶著你想要的 data，而且支援 JSON 和 binary data。
Server
注意
下方為 Socket.IO v2 的初始化寫法。自 v3/v4 起，建議改用以下方式初始化：
const { Server } = require('socket.io');
const io = new Server(http);
const app = require('express')();
const http = require('http').Server(app);
const io = require('socket.io')(http);
每個 io 都有 connect 和 disconnect event：
/**
* "connection" and "disconnect" event
**/
io.on('connection', function (socket) {
console.log('a user connected');
socket.on('disconnect', function () {
console.log('user disconnected');
});
});
如果要推播給所有使用者，可以使用 io.emit('EVENT', DATA)：
/**
* Use 'io.emit()' to send an event to everyone
**/
io.on('connection', function (socket) {
socket.on('chat message', function (msg) {
io.emit('chat message', msg);
});
});
如果要推播給所有人，但除了特定的 socket 的話，可以使用 socket.broadcast.emit()：
/**
* Use socket.broadcast.emit() to send an event to everyone except certain socket
**/
io.on('connection', function (socket) {
socket.broadcast.emit('hi');
});
client
當載入 socket.io.js 後，即可在全域環境取得 io。
如果我們沒有在 io() 中去指定 URL，預設會試著去連到 response 此頁面的伺服器 主機。
<!--
- 當我們在 server 的地方載入 socket.io 後，
- 即可在 /socket.io/socket.io.js 中載入 socket.io.js
-->
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
</script>
使用 socket.emit() 可以將訊息推播到伺服器：
var socket = io();
socket.emit('EVENT', DATA);
使用 socket.on(EVENT, CALLBACK<data>) 可以監聽伺服器傳來的事件，並取得資料：
socket.on('chat message', function (msg) {
// do something here
});
參考資料
- Get Started @ Socket.io