iT邦幫忙

websocket相關文章
共有 77 則文章
鐵人賽 Software Development DAY 29

技術 Ch 28. 來做一個線上聊天室吧!

Phoenix 這個 Elixir 語言的網頁程式框架,除了開發的工具很齊全,習慣之後寫起來很愉快之外,最著名的就是它可以很輕鬆的使用 WebSocket 通訊...

鐵人賽 Modern Web DAY 28

技術 Day 28 - WebSocket 讓瀏覽器與伺服器即時對話

過去幾天我們一路從 Service Worker → Dedicated Worker → SharedWorker,看完瀏覽器內部的多工與背景執行機制。 這些...

鐵人賽 Modern Web DAY 27

技術 Day 27: 30天打造SaaS產品前端篇-即時通知系統與 WebSocket 整合

前情提要 經過 Day 26 的多因素認證建置,我們已經為 Kyo System 建立了企業級的帳號安全系統。今天我們要實作即時通知系統與 WebSocket...

鐵人賽 Software Development DAY 17

技術 Day 17: 30天打造SaaS產品後端篇-WebSocket 微服務架構與高可用性即時通信引擎實作

前情提要 在 Day 16 我們實作了即時協作引擎,今天我們將進行重要的架構重構:將 WebSocket 協作系統獨立為專門的微服務。這個架構升級將提供更好的可...

鐵人賽 Modern Web DAY 17

技術 Day 17: 30天打造SaaS產品前端篇-微服務架構升級與 WebSocket 通信最佳化實作

前情提要 在 Day 16 我們實作了即時協作系統,今天我們將進行重要的架構升級:將 WebSocket 協作引擎獨立為專門的微服務。這個架構調整將帶來更好的可...

鐵人賽 Software Development DAY 16

技術 Day 16: 30天打造SaaS產品後端篇-即時協作引擎與分散式資料同步架構實作

前情提要 在 Day 15 我們建構了課程模板系統的後端架構,今天我們將實作一個完整的即時協作引擎。這個系統需要支援多用戶同時操作、即時資料同步、衝突檢測與解決...

鐵人賽 Modern Web DAY 16

技術 Day 16: 30天打造SaaS產品前端篇-即時協作課程排程系統與進階拖拽互動實作

前情提要 在 Day 15 我們建構了完整的課程模板系統,今天我們將進一步實作即時協作功能和進階的拖拽互動體驗。這個系統將支援多用戶同時編輯課程排程、即時衝突檢...

鐵人賽 Modern Web DAY 14

技術 Day 14:30天打造SaaS產品前端篇-課程管理系統深度實作與視覺化排課工具

前情提要 經過 Day 13 的企業級包管理和多租戶架構建立,我們的開發工作流程已經滿完善了。今天我們要深入實作課程管理系統的前端介面,這不只是簡單的 CRUD...

鐵人賽 Software Development DAY 22

技術 專案研討—WebSocket

前一篇在開發 Conjure Piglet Client 時,提到了第三方函式庫 WebSocket 。我一開始還一度天真地以為,我只要找一些 Neovim p...

技術 [Day-3] 手癢了嗎?來實作超簡易聊天室!

說了這麼多,已經忍不住要開始動手做做看了吧!接下來後端都會使用 Express 進行示範,可搭配 Stackblitz 的範例服用:連結。 環境建置 Stac...

技術 [Day-2] WebSocket 到底是什麼?

前陣子在學習 NestJS 時,在 Exception filters 的章節有看到 host 這個參數,型別限制了 3 種值:http、rpc、ws,才知道...

鐵人賽 Modern Web DAY 30
30天一起搞懂Web觀念 系列 第 30

技術 [DAY30] WebSocket 是什麼?和 HTTP 有什麼不同?

時間過好快,竟然也已經來到30天了,代表暑假也告一個段落,我要進入另一個新的階段。這30天每天都會至少超前寫一篇,到中間一度很想放棄,但還是堅持下來了,學到很多...

技術 [Day-1] 前言

大家多少都聽過或是用過網路聊天室、交友軟體之類的吧?像是台灣人一定知道的 PTT,或是 Skout、BeeTalk、Tinder 等等族繁不及備載。 這次要挑...

鐵人賽 Software Development DAY 6

技術 [Day 6] API Service

有了 Database 後, 我們已經可以有效率的 增查改刪 (CRUD, Create, Read, Update, Delete)且 Database 都會...

鐵人賽 Modern Web DAY 25

技術 Day 25:Strawberry Django Channels

Django Channels 是 Django 的一個擴充功能,主要用來處理即時通訊 (real-time communication) 的需要,像是廣播(b...

鐵人賽 Software Development DAY 24

技術 24 Websocket 前端:使用 Svelte

前一篇完成了後端的websocket,我們接下來來進行前端的部分。 讓 Svelte 接上 websocket 直接到我們遊戲的頁面,把之前寫的ws_clien...

鐵人賽 Software Development DAY 23

技術 23 是websocket,不是socket。使用rust websocket

先簡單說明一下websocket是什麼,Socket就是一堆洞的意思,看下圖有Socket的圖,不過這是CPU Socket,CPU和插槽長像下面這樣,以前In...

鐵人賽 Software Development DAY 4
C++ 實務基礎經驗 系列 第 11

技術 第三方套件 websocketpp

第三方套件 websocketpp websocketpp是一個C++的websocket協議的函式庫。 環境 這次是使用websocket,所以我們的Cont...

鐵人賽 自我挑戰組 DAY 2

技術 [Day12]自建CDN關鍵步驟:建立域名3(進階功能介紹)

為什麼我們將進階功能分為前後兩部分來介紹呢?原因是iNODE NINJA的進階設定擁有非常豐富的細節功能,昨天我發現光是前三項就花了大量的時間來撰寫與說明內容,...

鐵人賽 IT管理 DAY 12

技術 [Day12]建立域名(三):進階功能介紹②

為什麼我們將進階功能分為兩部分來介紹呢?原因是iNODE NINJA的進階設定擁有非常豐富的細節功能,昨天我發現光是前三項就花了大量的時間來撰寫與說明內容,甚至...

鐵人賽 AI & Data DAY 5

技術 [Day 05] Websocket 介紹

Websocket 是什麼? WebSocket是一種網路傳輸協定,可在單個TCP連接上進行全雙工通訊,位於OSI模型的應用層。 初次接觸 WebSocket...

鐵人賽 自我挑戰組 DAY 7

技術 D7 websocket SUB/PUB 模式

前言 SUB/PUB 模式經常用來實作全頻廣播或通知等功能,今天我們會介紹如何完成這個模式,以及小小透漏一下這模式還可以衍生出新的用途 介紹 & 範例...

鐵人賽 自我挑戰組 DAY 6

技術 D6 websocket REQ/RES 模式的進化之旅: 打造一個 API-liked websocket

前言 websocket 的 REQ/RES 模式其實是不太健全的 API,今天我們會逐步調整實作,讓它越來越完整。同時昨天提到如何區分[RES1] 還是 [R...

鐵人賽 自我挑戰組 DAY 5

技術 D5 建立定型化的 websocket 連線 - REQ/RES 和 SUB/PUB 模式

前言 今天我們會稍微討論一下 websocket 跟 http 連線不太一樣的地方,接下來會把 websocket 拆成兩種類別的連線以便之後開發便利 webs...

鐵人賽 自我挑戰組 DAY 4

技術 D4 python websocket server 基本範例

前言 今天我們會初始化一個簡單的 websocket server,然後結尾會提到一些 python asyncio 的使用細節。 尋找範例 一開始在 goog...

鐵人賽 自我挑戰組 DAY 2

技術 D2 規劃卡牌連線遊戲的開發時程

因為是三十天的小型遊戲專案,還是需要做前期的時程規劃,所以這邊跟 chatGPT 稍微討論了一下要怎麼安排進度 chatGPT 透過以下問題向我詢問這個專案的資...

技術 [Web] socketio4.0 Client & Server 範例

Clientsocketio.html <!DOCTYPE html> <html lang="en"> <h...

技術 聊天室的開始 WebSocket的基本應用使用.Net 6

使用:.NET 6後端為:Web API想做聊天室,就必須透過WebSocket來通訊,WebSocket 的流程 請參考Web Scoket 流程,這裡只講實...

鐵人賽 Modern Web DAY 28
Three.js 學習日誌 系列 第 28

技術 Day27 - 打造質感系3D聊天室 - three.js + socket.io(五)

Day27 - 打造質感系3D聊天室 - three.js + socket.io(五) 這裡是「Three.js學習日誌」的第27篇,這篇是「打造質感系3D...

鐵人賽 Modern Web DAY 27
Three.js 學習日誌 系列 第 27

技術 Day26 - 打造質感系3D聊天室- 部屬Websocket專案到Fly.io - three.js + socket.io(四)

Day26- 打造質感系3D聊天室- 部屬Websocket專案到Fly.io - three.js + socket.io(四) 這裡是「Three.js學...