實時通訊之Socket.io
阿新 • • 發佈：2019-02-09
WebSocket
WebSocket是HTML5開始提供的一種瀏覽器與伺服器間進行全雙工通訊的網路技術。使用WebSocket，瀏覽器和伺服器只需要要做一個握手的動作，然後，瀏覽器和伺服器之間就形成了一條快速通道，兩者之間就直接可以資料互相傳送。而且它為我們實現即時服務帶來了兩大好處：
客戶端事件
較服務端而言，客戶端提供更多的監聽事件，在實時應用中，我們可以為這些事件註冊監聽並作出反應。
那麼客戶端socket發起連線時的順序是怎麼樣的呢？當第一次連線時，事件觸發順序為： connecting → connect；
當失去連線時，事件觸發順序為：disconnect → reconnecting →connecting → reconnect → connect。
名稱空間
名稱空間著實是一個非常實用好用的功能。我們可以通過名稱空間，劃分出不同的房間，在房間裡的廣播和通訊都不會影響到房間以外的客戶端。
在服務端，通過of("")的方式來劃分新的名稱空間：
io.of('chat').on('connection',function(socket){
});
示例中，我們建立一個名為chat的房間，客戶端可以通過如下方式連線到指定的房間：
var socket = io.connect('/chat');
雖然連線到指定的房間，但是我們也可以在服務端操作，自由的進出房間：
socket.join('chat');//進入chat房間
socket.leave('chat');//離開chat房間
廣播訊息
在實時應用中，廣播是一個不可或缺的功能，socket.io提供兩種服務端廣播方式。
第一種廣播方式可以稱之為'全域性廣播'，顧名思義，全域性廣播就是所有連線到伺服器的客戶端都會受到廣播的資訊：
socket.broadcast.emit('DATA',data);
但是，在實際應用場景中，我們很多時候並不需要所有使用者都收到廣播資訊，有的廣播資訊只發送給一部分客戶端，比如某個房間裡面的使用者，那麼可以使用如下方式：
socket.broadcast.to('chat').emit('DATA',data);
當使用to()的方式廣播資訊時，只有該名稱空間下的客戶端才會收到廣播資訊，是不是很方便呢。
傳遞引數
在很多應用場景中，客戶端發起連線請求時都需要傳遞引數，這些引數可能是身份驗證、初始化設定等等，那麼socket.io發起連線時如何傳遞引數呢？
var socket
= io.connect('/');
由於connect函式發起連線的引數是一個url，你可能會想到把引數拼接到url上，如http://xxxx?xx=xxxx，但是很遺憾這樣是行不通的，我們可以通過這樣的方式來傳遞引數：
var socket
= io.connect('/',{
_query:'sid=123456'});
在服務端可以這樣獲取到傳遞的引數:
io.use(function(socket){
var
query = socket.request._query;
var
sid = query.sid;
});
客戶端傳遞的引數已經被解析成了一個json物件，這個物件就是_query。
- 節省資源：互相溝通的Header是很小的-大概只有 2 Bytes。
- 推送資訊：不需要客戶端請求，伺服器可以主動傳送資料給客戶端。
| connection | 客戶端成功連線到伺服器。 |
| message | 捕獲客戶端send資訊。 |
| disconnect | 客戶端斷開連線。 |
| error | 發生錯誤。 |
| connect | 成功連線到伺服器。 |
| connecting | 正在連線。 |
| disconnect | 斷開連線。 |
| connect_failed | 連線失敗。 |
| error | 連線錯誤。 |
| message | 監聽服務端send的資訊。 |
| reconnect_failed | 重新連線失敗。 |
| reconnect | 重新連線成功。 |
| reconnecting | 正在重連。 |