紀錄自己研究 WebSocket 並實作簡易的匿名聊天室的過程。以 WooTalk 為參考對象來實作整個專案,包含前端、後端、測試、部署。
大家多少都聽過或是用過網路聊天室、交友軟體之類的吧?像是台灣人一定知道的 PTT,或是 Skout、BeeTalk、Tinder 等等族繁不及備載。 這次要挑...
前陣子在學習 NestJS 時,在 Exception filters 的章節有看到 host 這個參數,型別限制了 3 種值:http、rpc、ws,才知道...
說了這麼多,已經忍不住要開始動手做做看了吧!接下來後端都會使用 Express 進行示範,可搭配 Stackblitz 的範例服用:連結。 環境建置 Stac...
先前有提到 Socket.IO 封裝了 WebSocket 並加入一些實用的功能。接下來會跟著官方範例實作簡易聊天室,並補充一些知識。 完整範例:Stackbl...
昨天我們已經了解 Socket.IO 的基本事件流程,今天要運用 Socket.IO 的房間機制,實作一對一聊天配對的功能!完整範例:連結 事前準備 在實作完...
在了解 WebScoket 與 Socket.IO 的運作方式後,就......該止癢了吧?接下來就要老老實實規劃專案該有的樣貌了! 規劃的意義 根據專案的規...
雖然這次的 side project 是致敬 WooTalk,但該有的規格還是要畫出來!沒有一些基本資料來對照的話,一邊開發一邊想流程對我來說還蠻困難的。 流...
如果是個人研究、純屬玩玩,那麼開心就好! 一旦專案的定位變成長期營運、系統開發等,那麼技術選型要考量的面向就很多!例如: 團隊中有人熟悉此技術嗎 招募相關人...
這個專案我想把前後端都放在同個 repo,原因是: 共用 TypeScript 型別 共用依賴套件 共用工具函式 專案設定一致性 不要讓自己的 GitHub...
灌水了四天後終於來到實作階段了!這次選用的也是我沒使用過的 UI 庫,又回到學習新東西的新鮮感了 XD 建置環境 React 的 UI 庫大多有附上 Next...