SSE · SERVER-SENT EVENTS 原理动画讲解
EPISODE 01
SSE

当服务器学会主动说话

Server-Sent Events —— 一条从服务器流向浏览器的单向数据河
THE PROBLEM

轮询 vs 推送

❌ 传统轮询 Polling

✅ SSE 单次连接持续推送

HOW IT WORKS · 01

基于 标准 HTTP 的长连接

Content-Typetext/event-stream
Cache-Controlno-cache
Connectionkeep-alive
无需协议升级 · 无需额外握手 · 现有代理与 CDN 天然兼容
HOW IT WORKS · 02

简单的文本数据格式

event
: userLogin
id
: 12345
data
: {"user":"Alice"}
retry
: 3000
// 空行表示一条消息结束
HOW IT WORKS · 03

完整连接流程

浏览器 Client
服务器 Server
APPLICATIONS

适合哪些场景

AI 流式输出

大模型回复逐字吐出

实时通知

消息提醒 · 系统公告

监控仪表盘

指标 · 行情实时刷新

日志实时查看

CI/CD 构建日志 tail

进度更新

上传 · 批处理进度

社交动态

点赞 · 评论实时计数

SUMMARY

简单，但用对地方

01
基于 HTTP

无需协议升级，天然兼容代理与 CDN

02
自动重连

浏览器内置断线重连与消息追踪

03
仅单向推送

双向实时交互场景请选 WebSocket