Protocol Lab

Tài liệu

Protocol Deep Dives

Mỗi bài viết theo hướng bottom-up — wire format trước, abstractions sau. Có diagram SVG, bảng so sánh, và code ví dụ cho mỗi concept.

HTTP

HTTP Deep Dive

HTTP/1.0 → HTTP/1.1 → HTTPS → HTTP/2 → HTTP/3 — từng bước tiến hóa. Từ GET / HTTP/1.0 đến QUIC streams trên UDP.

19 sections RFC 9114

TLS 1.3 HTTP/2 Framing QUIC Caching CORS

Đọc bài →

gRPC

gRPC Deep Dive

Từ Protobuf wire format đến 4 streaming patterns, interceptors và production deployment. HTTP/2 + Protocol Buffers + code generation.

17 sections Protobuf 3

Protobuf Bidirectional Stream Interceptors Load Balancing

Đọc bài →

WebSocket

WebSocket Deep Dive

HTTP Upgrade handshake → frame masking → backpressure → Redis pub/sub scaling. Full-duplex persistent connection trên một TCP duy nhất.

15 sections RFC 6455

Frame Masking Reconnect Redis pub/sub SSE

Đọc bài →

WebRTC

WebRTC Deep Dive

NAT traversal → ICE/STUN/TURN → SDP negotiation → DTLS-SRTP → DataChannel. P2P video/audio trực tiếp giữa browser, không qua server.

13 sections RFC 8829

ICE / STUN / TURN SDP DTLS-SRTP DataChannel

Đọc bài →

MQTT

MQTT Deep Dive

Wire format 2-byte → QoS 0/1/2 state machines → persistent sessions → drone fleet IoT patterns. Pub/sub sinh ra cho IoT từ năm 1999.

19 sections MQTT 5.0

QoS 0/1/2 LWT Retained Messages IoT / Drone

Đọc bài →

💡

Gợi ý thứ tự học: Mỗi bài độc lập, nhưng nếu mới bắt đầu hãy đọc theo thứ tự HTTP → gRPC → WebSocket → WebRTC → MQTT. Hiểu TCP và HTTP/1.1 trước giúp mọi bài sau dễ hơn rất nhiều.

Live Demos

Demo Apps

Ứng dụng thực tế minh hoạ các protocol trong action. Static demos chạy trực tiếp trên GitHub Pages; Node.js demos cần chạy server riêng.

WebSocket

Requires Node.js server

Chat Room

Multi-room real-time chat với file transfer, typing indicators, DMs, và presence. Full-stack: Node.js WS server + browser client.

ws ^8.18 npm start

Multi-room File Transfer Presence DMs

Mở demo →

WebSocket

Requires Node.js server

Protocol Lab

Frame inspector, throughput benchmarks, và latency histograms. Visualize RFC 6455 frames ở bit level với real-time metrics.

ws ^8.18 npm start

Frame Inspector Throughput Latency P95/P99 Benchmark

Mở demo →

WebRTC

Static · GitHub Pages ready

WebRTC Loopback

7-step P2P connection flow trong browser: getUserMedia → SDP offer/answer → ICE → DTLS → SRTP. Không cần server — in-browser signaling.

Pure HTML/JS No server

getUserMedia SDP Inspector ICE Candidates DataChannel

Mở demo →

Algorithm

Needs build step

Viterbi Algorithm

Interactive HMM simulator: configure trạng thái (Khỏe/Sốt), observation sequences, và xem từng bước Viterbi decoding với visualization.

React + TypeScript

HMM Viterbi Decoding Interactive

Coming soon

So sánh

Chọn protocol phù hợp

Tổng quan nhanh — khi nào dùng cái nào.

Protocol Comparison

Tiêu chí	HTTP	gRPC	WebSocket	WebRTC	MQTT
Transport	TCP / QUIC	TCP (HTTP/2)	TCP	UDP (ICE)	TCP
Mô hình	Req / Resp	RPC + Stream	Full-duplex	P2P	Pub / Sub
Overhead	Medium	Thấp	Rất thấp	Cao (setup)	Tối thiểu
Binary?	H2/H3: Yes	Yes (Protobuf)	Tuỳ chọn	Yes (SRTP)	Yes
Server cần?	Origin server	gRPC server	WS server	Signaling only	MQTT broker
Dùng khi	REST API, CDN	Microservices	Chat, live UI	Video / P2P	IoT, drone