iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 121 瀏覽

鐵人賽自我挑戰組 DAY 6

從零開始全端實作 Express.js + TypeScript + DevOps 系列第 6 篇

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

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

csning1998 ‧ 2024-09-16

2 Like 1 留言 358 瀏覽

鐵人賽 Software Development DAY 6

30 天系統設計學習筆記：建立思考的 SOP 系列第 6 篇

技術 [Day 6] API Service

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

erichung0404 ‧ 2024-08-06

0 Like 0 留言 1107 瀏覽

鐵人賽 Modern Web DAY 25

Django 與 Strawberry GraphQL：探索現代 API 開發之路系列第 25 篇

技術 Day 25：Strawberry Django Channels

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

jasonxie ‧ 2023-10-10 ‧團隊狗狗與睡袋的產地

0 Like 0 留言 330 瀏覽

鐵人賽 Software Development DAY 24

前端? 後端? 摻在一起做成全端就好了系列第 24 篇

技術 24 Websocket 前端：使用 Svelte

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

hello world ‧ 2023-10-08

0 Like 0 留言 513 瀏覽

鐵人賽 Software Development DAY 23

前端? 後端? 摻在一起做成全端就好了系列第 23 篇

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

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

hello world ‧ 2023-10-07

0 Like 0 留言 563 瀏覽

鐵人賽 Software Development DAY 4

C++ 實務基礎經驗系列第 11 篇

技術第三方套件 websocketpp

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

steven715 ‧ 2023-09-19

0 Like 0 留言 467 瀏覽

鐵人賽自我挑戰組 DAY 2

10年專業ISP服務商之蛻變：從無到有自建屬於自己的CDN服務系列第 12 篇

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

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

joey21 ‧ 2023-09-15 ‧團隊網路拓荒者

0 Like 0 留言 329 瀏覽

鐵人賽 IT管理 DAY 12

10年專業ISP服務商之蛻變從無到有自建屬於自己的CDN服務系列第 12 篇

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

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

joey21 ‧ 2023-09-15

0 Like 0 留言 476 瀏覽

鐵人賽 AI & Data DAY 5

已 django + channels 來取得即時股價資料的推播系列第 5 篇

技術 [Day 05] Websocket 介紹

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

條天千 ‧ 2023-09-13

0 Like 0 留言 556 瀏覽

鐵人賽自我挑戰組 DAY 7

chatGPT 帶你從零開始寫 websocket 連線遊戲系列第 7 篇

技術 D7 websocket SUB/PUB 模式

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

sixwings ‧ 2023-09-07

0 Like 0 留言 527 瀏覽

鐵人賽自我挑戰組 DAY 6

chatGPT 帶你從零開始寫 websocket 連線遊戲系列第 6 篇

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

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

sixwings ‧ 2023-09-06

0 Like 0 留言 381 瀏覽

鐵人賽自我挑戰組 DAY 5

chatGPT 帶你從零開始寫 websocket 連線遊戲系列第 5 篇

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

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

sixwings ‧ 2023-09-05

1 Like 0 留言 1287 瀏覽

鐵人賽自我挑戰組 DAY 4

chatGPT 帶你從零開始寫 websocket 連線遊戲系列第 4 篇

技術 D4 python websocket server 基本範例

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

sixwings ‧ 2023-09-04

2 Like 0 留言 500 瀏覽

鐵人賽自我挑戰組 DAY 2

chatGPT 帶你從零開始寫 websocket 連線遊戲系列第 2 篇

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

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

sixwings ‧ 2023-09-02

1 Like 0 留言 418 瀏覽

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

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

nlstudio ‧ 2023-08-30

0 Like 0 留言 1998 瀏覽

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

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

Richie ‧ 2022-11-30

0 Like 0 留言 990 瀏覽

鐵人賽 Modern Web DAY 28

Three.js 學習日誌系列第 28 篇

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

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

Mizok ‧ 2022-10-13

0 Like 0 留言 1328 瀏覽

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

Mizok ‧ 2022-10-12

0 Like 0 留言 3635 瀏覽

鐵人賽 Modern Web DAY 22

[POSTMAN] 該知道的都知道，不知道的慢慢了解 - 與波斯麵三十天的感情培養系列第 22 篇

技術 Postman challenge Day 21 - Websockets

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

chacoteeth ‧ 2022-10-07 ‧團隊森上依然梅友前

0 Like 1 留言 2110 瀏覽

鐵人賽 Modern Web DAY 16

前端三分鐘 X 從把妹角度理解前後端如何和平相處系列第 16 篇

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

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

linyencheng ‧ 2022-10-01

0 Like 0 留言 2121 瀏覽

鐵人賽 Software Development DAY 28

玩轉C# 進階學習之旅系列第 28 篇

技術玩轉C#之【SignalR】

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

隱士者 ‧ 2022-09-28

2 Like 1 留言 2347 瀏覽

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

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

wowlol ‧ 2022-08-02

0 Like 0 留言 2281 瀏覽

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

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

flyourideas ‧ 2022-02-08

0 Like 1 留言 4932 瀏覽

鐵人賽 Modern Web DAY 15

後疫情時代的 WebRTC 微學習系列第 15 篇

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

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

Nick Yu ‧ 2021-09-29

0 Like 0 留言 665 瀏覽

鐵人賽 Modern Web DAY 10

摸索 WebSocket，遠望 WebRTC 系列第 10 篇

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

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

DoDoBird ‧ 2021-09-25 ‧團隊血汗攻城屍

0 Like 0 留言 1216 瀏覽

鐵人賽 Modern Web DAY 9

摸索 WebSocket，遠望 WebRTC 系列第 9 篇

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

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

DoDoBird ‧ 2021-09-24 ‧團隊血汗攻城屍

0 Like 0 留言 1112 瀏覽

鐵人賽 Modern Web DAY 8

摸索 WebSocket，遠望 WebRTC 系列第 8 篇

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

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

DoDoBird ‧ 2021-09-23 ‧團隊血汗攻城屍

0 Like 0 留言 914 瀏覽

鐵人賽 Modern Web DAY 7

摸索 WebSocket，遠望 WebRTC 系列第 7 篇

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

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

DoDoBird ‧ 2021-09-22 ‧團隊血汗攻城屍

0 Like 0 留言 790 瀏覽

鐵人賽 Modern Web DAY 6

摸索 WebSocket，遠望 WebRTC 系列第 6 篇

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

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

DoDoBird ‧ 2021-09-21 ‧團隊血汗攻城屍

0 Like 0 留言 714 瀏覽

鐵人賽 Modern Web DAY 5

摸索 WebSocket，遠望 WebRTC 系列第 5 篇

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

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

DoDoBird ‧ 2021-09-20 ‧團隊血汗攻城屍

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