前情提要 在過去的 Day 24-28 中，我們完成了 Kyo System 前端的核心功能： Day 24: 建立 React + Vite + Type...
前情提要 經過 Day 26 的多因素認證建置,我們已經為 Kyo System 建立了企業級的帳號安全系統。今天我們要實作即時通知系統與 WebSocket...
蛤啦？說話啊？啞吧哦？沒廣了哦哈哈洗洗睡吧 Zz 在介面操作上，任何會去戳 API 的行為，都應該留意需不需要限流，這也常被做為經典考古題：Debounce...
你以為看到對方幾分鐘、幾小時前的訊息就夠焦慮了嗎？ 不......還有更焦慮的，就是曾經困擾廣大網友們的「已讀」^O^ 功能分析 經過之前的 MVP 實作，我...
做完 service 的測試後，接下來要對 model 與 socket 這些同樣重要的業務邏輯做測試，雖然測試的寫法很固定，但當中也會有和 service...
聊天功能來了！這部分開發完成後，本機端就差不多可以運行所有的核心功能了。 收發訊息 一樣讓 on 和 emit 驅動這個事件 CHAT_EVENT.SEND...
終於來到 MVP 的最後一關！ 接下來要整合實作好的後端功能，把在 index.html 確認過的事件流程搬過來。 :::warning index.html...
接下來只剩聊天功能了！這部分的功能相對單純，但讀訊息的流程會稍微複雜一點。 發送訊息 我將發送訊息設計成兩段邏輯： createChatMessage：對...
知道如何定義資料之後，就可以將 Socket.IO 的事件和資料庫做串接了！ MVP 程度的功能需要有： 配對成功 收發訊息 取消配對（在等待配對途中按下離...
基本的配對邏輯在先前已經有 Stackblitz 的範例了，來先試著搬過來！範例中的命名會取得比較簡短好懂，但接下來會有比較多交互行為，命名就不能太隨意，所以...
昨天我們已經了解 Socket.IO 的基本事件流程，今天要運用 Socket.IO 的房間機制，實作一對一聊天配對的功能！完整範例：連結 事前準備 在實作完...
先前有提到 Socket.IO 封裝了 WebSocket 並加入一些實用的功能。接下來會跟著官方範例實作簡易聊天室，並補充一些知識。 完整範例：Stackbl...
Day26- 打造質感系3D聊天室- 部屬Websocket專案到Fly.io - three.js + socket.io(四) 這裡是「Three.js學...
Day25 - 打造質感系3D聊天室 - three.js + socket.io (三) 這裡是「Three.js學習日誌」的第25篇，這篇是在講解使用th...
Day24 - 打造質感系3D聊天室 - three.js + socket.io(二) 這裡是「Three.js學習日誌」的第24篇，這篇是在講解使用thr...
Day23 - 打造質感系3D聊天室 - three.js + socket.io(一) 這裡是「Three.js學習日誌」的第23篇，這篇是在講解使用thr...
1.哭阿，都cors_allowed_origins='*'竟然還不行!! 長話短說，最近在做有關python flask_socketio 的開發socket...
接下來我們要把前面的東西組合起來，拼湊成一個一對一的視訊系統，不過我今天們先來看看，Socket.io 有哪些常用的api。 訂閱訊息 socket.on(&q...
實作 聊天室 server 端，使用 SSL 聊天室 client 端，使用 SSL 為什麼要使用 Socket.io 使用webSocket 建立在...
新手入門，如有錯誤，歡迎指正～～～ 系列文章同步更新於部落格 目標 本章將使用socket來完成 WebRTC 中基本的Signaling交換，包含off...
嗨，各位好我是 Robin ~ 你有想過為什麼有些網站的資料，你明明沒有重新整理資料那些資料卻會自己更新嗎？(例如一些虛擬貨幣交易所的匯率或是一些股票市場的...
30天要到最後了！！！！！就來用socket disconnect做結束吧！ 既然有登入，那就要有登出的更新吧～我原本沒看文件的時候想說在vue被destroy...
在開始今天的主題之前，先確認一下router有沒有設好，上一篇應該在送出名稱之後就會切換到localhost:3000/chat這個網址～ 再來還要把原本在pa...
login的事件通知 先處理server端的socket 監聽一個login事件 const SocketIO = require('socket.io')...
做匿名登入之前，先來提一下會用到的socket相關 Client端發出 socket.emit('事件名稱', data)，在server端的socket就會相...
上一篇我們設定好了socket連線，並且在首頁引入socket來收發事件，不過這樣做用了一陣子就會發現一件事情 就是要一直引入socket 就有點麻煩，更何況是...
安裝socket 先來個socket.io官網 寫了老半天終於要來寫socket了很怕湊不滿30天 先在Terminal安裝套件 npm i socket.io...
寫過網頁的大大們，大致上都了解 http 是一種無狀態的形式，假設頁面登進來的使用者，為了保存它的登入資訊，通常會使用 session 的觀念作為存放的物件，否...
市面上其實非常多 Socket.io 的文章，所以我寫在這裡其實是筆記居多，不嫌棄的話可以繼續看下去這樣。 WebSocket API 這一項技術其實在 w3c...
Moscle.dev
Shin
Mizok
Nick Yu
早晨來杯咖啡
挖洗菜呱
jou516
iThome鐵人賽
看影片追技術