Socket.IO使用技巧(一)

socket.io 是一款優(yōu)秀的WebSocket框架,簡(jiǎn)單好用。只是文檔很少,有很多技巧性用法需要自己摸索,這里我會(huì)陸續(xù)分享一些自己發(fā)現(xiàn)的使用技巧,歡迎大家討論。

官方給的client端示例

let socket = io('http://localhost');
socket.on('news', data => {
    console.log(data);
    socket.emit('my other event', {my: 'data'});
});

server端示例

io.on('connection', socket => { // 每次斷線重連都是新的對(duì)象
    socket.emit('news', {hello: 'world'});
});

socket.io可以自己處理斷線重新連接,但是每次斷線重連之后socket都是新的對(duì)象。
假設(shè)有這樣的場(chǎng)景:每次斷線重連client都要發(fā)送一些基礎(chǔ)數(shù)據(jù)給server,可行的做法是監(jiān)控client端的connect或者reconnect事件,然后發(fā)送數(shù)據(jù)給server。但是這樣做有個(gè)兩個(gè)弊端:第一,代碼形式上不是“同步”的;第二,代碼結(jié)構(gòu)比較復(fù)雜,要寫至少兩個(gè)事件監(jiān)聽。

可以有個(gè)更簡(jiǎn)單的做法,這里拿token做個(gè)舉例:

client端

let socket = io('http://localhost/?token=900150983cd24fb0d6963f7d28e17f72');

server端

io.on('connection', socket => {
    let {token} = socket.handshake.query; // 從這里可以取到client連接url的query
    console.log('token');
});

如此做法,即可在建立連接同時(shí)拿到token,不需要另行發(fā)送數(shù)據(jù)進(jìn)行溝通。

https://ishowshao.com/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評(píng)論 19 139
  • 點(diǎn)擊查看原文 Web SDK 開發(fā)手冊(cè) SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個(gè)完善的 IM 系統(tǒng)...
    layjoy閱讀 14,314評(píng)論 0 15
  • 大綱 一.Socket簡(jiǎn)介 二.BSD Socket編程準(zhǔn)備 1.地址 2.端口 3.網(wǎng)絡(luò)字節(jié)序 4.半相關(guān)與全相...
    y角閱讀 2,666評(píng)論 2 11
  • 午后突然下起了大雨,陰沉沉的天,重重的雨滴,砸在一樓鄰居的小院里,砸在嫩綠的剛開花的南瓜的藤蔓上。 于是乎想起了在...
    古小墨閱讀 538評(píng)論 0 0
  • 《03區(qū)塊鏈技術(shù)由來》學(xué)習(xí)筆記 我正在區(qū)塊鏈研習(xí)社學(xué)習(xí)區(qū)塊鏈相關(guān)的知識(shí),現(xiàn)在在補(bǔ)課學(xué)習(xí)基礎(chǔ)課程的內(nèi)容?;A(chǔ)課程包含...
    吉祥在成長(zhǎng)閱讀 362評(píng)論 0 1

友情鏈接更多精彩內(nèi)容