iT邦幫忙

websocket相關文章
共有 65 則文章
鐵人賽 自我挑戰組 DAY 6

技術 【Day 06】HTML 與網頁發展的歷史筆記(3)HTML 5.0 與 Modern Web

點我查看目錄 前言 我們在之前的章節可以看到,HTML 的發展過程代表著網際網路的變革歷史。從早期正式發布的 2.0 版本開始,W3C 持續在推動使 HTML...

鐵人賽 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學...

鐵人賽 Modern Web DAY 22

技術 Postman challenge Day 21 - Websockets

今日主題 今天要介紹的主題是Websocket,這是一個跟HTTP有關卻也是不同的協定,最主要的差異是Websocket真正達成了客戶端以及伺服器間的雙向通訊,...

鐵人賽 Modern Web DAY 16

技術 網頁即時通訊實作 X Long-Polling, Server Sent Events, WebSockets (16)

在另外一篇文章小編介紹了透過非同步 AJAX 的方式跟伺服器進行溝通,那需要即時的同步溝通怎麼辦? 這篇文章接著會介紹可以做到網頁即時通訊服務的技術: Lon...

鐵人賽 Software Development DAY 28
玩轉C# 進階學習之旅 系列 第 28

技術 玩轉C#之【SignalR】

介紹 我們網站的運作方式通常類似以下方式運作,你的電腦會詢問伺服器今天天氣如何,伺服器才會回答妳今天天氣晴朗,所以如果當妳詢問完之後,伺服器也答覆妳,這時天有不...

技術 聊天軟體實作(3): 訊息怎麼推送-心跳包

話說 html5 之後,Web 端要及時通訊多了 SSE(Server-Sent-Event) 和 WebSocket。 SSE簡單來說就是長輪詢(Long-p...

技術 Django - Websocket 網站實時線上人數

這次要藉由websocket做出網站實時的線上人數,關於django的websocket設定就不贅述了,網路上已經有相當多的資源,就寫一些重點當筆記 ~ 一、t...

鐵人賽 Modern Web DAY 15

技術 Day15 [實作] 使用 Socket.io 建立聊天室

實作 聊天室 server 端,使用 SSL 聊天室 client 端,使用 SSL 為什麼要使用 Socket.io 使用webSocket 建立在...

鐵人賽 Modern Web DAY 10

技術 Day09:Emit Direct Message I(發送個人訊息到 server 端)

全文同步於個人 Docusaurus Blog 當建立私人頻道後,下一步,便是將私人頻道的訊息發往 server-side,透過 server 轉給指定的使...

鐵人賽 Modern Web DAY 9

技術 Day08:Build Private Chat(建立私人頻道)

全文同步於個人 Docusaurus Blog 除了共用的頻道外,當不同使用者進入時,希望能夠出現一個很陽春的不同使用者的聊天頻道,並進行私人訊息。 而這一...

鐵人賽 Modern Web DAY 8

技術 Day07:Boardcast Event(推播事件)

全文同步於個人 Docusaurus Blog 當某個使用者輸入訊息發送到 server 後,若當前環境為留言板或公共頻道,server 端則必須推播訊息給...

鐵人賽 Modern Web DAY 7

技術 Day06:Forward Message To Server(轉發訊息到 Server 端)

全文同步於個人 Docusaurus Blog 前一章印出使用者名稱和訊息內容後,接下來要嘗試將其透過 socket.io 轉發給 server。 修正使用...

鐵人賽 Modern Web DAY 6

技術 Day05:Set Chat Page(設定聊天頁) II

全文同步於個人 Docusaurus Blog 在本章中,要達成兩個目標: 使用 JS 來動態 render HTML 頁面,產生一個小的對話框 當...

鐵人賽 Modern Web DAY 5

技術 Day04:Set Chat Page(設定聊天頁) I

全文同步於個人 Docusaurus Blog 在處理完輸入使用者名稱後,下一步,自然就是進入 Chat 的觸發事件。 HTML 先處理結構 <b...