iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

摸索 WebSocket,遠望 WebRTC 系列

原先計畫能夠將 WebSocket 和 WebRTC 都嘗試摸索一番,但在準備的過程中,發現精力和時間分配有限,因此重點仍會放在 WebSocket上,使用 Vanilla JS 來創建 Chat,或者摸索看看有沒有其他可以實作的功能。

行有餘力之下,會再嘗試加入框架的架構下,如何實作相關作品。

最後的最後,如果有幸還有力量的話,希望能涉獵到 WebRTC,期許自己完成。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊血汗攻城屍
DAY 11

Day10:Emit Direct Message II(Render 私人訊息到 HTML)

全文同步於個人 Docusaurus Blog 繼承前一章的內容,現在需要將 server-side 接收到的訊息,除了轉回到 client-side,同時...

2021-09-26 ‧ 由 DoDoBird 分享
DAY 12

Day11:Disconnect Chat(關閉連線頻道)

全文同步於個人 Docusaurus Blog 當使用者離開當前頻道時,其他使用者的頁面需要監聽到離線的狀況,並同時關閉那位離開者的頻道。 在監聽連線的同時...

2021-09-27 ‧ 由 DoDoBird 分享
DAY 13

Day12:Select Room(選擇特定房間頻道)

全文同步於個人 Docusaurus Blog 本章的需求,解決首頁進入前,如果有特定頻道可以選擇,當使用者進入時,也要顯示出對應的該頻道。 HTML &a...

2021-09-28 ‧ 由 DoDoBird 分享
DAY 14

Day13:Send Message To Room(發送訊息到特定房間)

全文同步於個人 Docusaurus Blog 建立完成特定頻道後,再來就是在指定頻道中發出個人訊息,運作邏輯和公共頻道類似,差別僅在於,只有進入該頻道的人...

2021-09-29 ‧ 由 DoDoBird 分享
DAY 15

Day14:插曲(小結)

回顧 socket.io 的基本應用的已經告一小段落,因為自己實在不愛打原理論述的內容,所以到目前為止的各篇筆記,大多以 code 為主,在閱讀上肯定不易銜接,...

2021-09-30 ‧ 由 DoDoBird 分享
DAY 16

Day15:關於 WebRTC

WebRTC 是什麼? WebRTC(Web Real-Time Communication),即指網頁即時通訊。和前幾篇提到的 WebSocket 不同,它的...

2021-10-01 ‧ 由 DoDoBird 分享
DAY 17

Day16:卡文一篇,難解

WebRTC 在實作上遇到蠻多難題的,想要轉成文章,理解程度仍然不足,只能花更多時間來研究了,不確定後續會卡住多久,如果真的短時間無法解的話,可能會考慮暫時轉往...

2021-10-02 ‧ 由 DoDoBird 分享
DAY 18

Day17:關於 WS 的使用

前言 這兩天因為卡文,所以筆記的部分變得很凌亂和斷續,所以之後會再將前面的系列筆記重新調整成第二版,之前實作的部分在功能面上除了陽春外,也不太流暢,需要花點時間...

2021-10-03 ‧ 由 DoDoBird 分享
DAY 19

Day18:WS 串接 Client & Server

初始化專案 ws 在使用上和 socket.io 其實頗為類似,因此預計實作上會分兩個階段,第一階段就是草稿為主,不考慮樣式的部分,僅就功能面看能不能實做出來。...

2021-10-04 ‧ 由 DoDoBird 分享
DAY 20

Day19:WS 基本 API

API 寫法差異 在 client-side & server-side 兩端,使用 ws 時存在 API 寫法上的差異,需要特別注意。 這邊以監聽和關...

2021-10-05 ‧ 由 DoDoBird 分享