WebSocket 入门：让服务端主动推送消息

HTTP 是「一问一答」，服务端有新数据只能等客户端来问。想主动推送只能高频轮询，又费流量又不实时。WebSocket 把连接升级成双向通道，服务端随时可以推，客户端随时可以发。

一、连接怎么建立

WebSocket 握手借道 HTTP：客户端发 GET 请求带 Upgrade: websocket 头，服务端返回 101 Switching Protocols，之后这条 TCP 连接就不再走 HTTP 语义，改用 WebSocket 帧格式收发。地址是 ws:// 或加密的 wss://，wss 在 Nginx 反代里需要加 Upgrade 和 Connection 两个头。

二、浏览器端最小代码

const ws = new WebSocket('wss://example.com/ws'); ws.onopen 收连接成功事件，ws.onmessage 接服务端推送（e.data），ws.send('hi') 上行消息，ws.onclose 里做重连。注意 onclose 不会自动重连，生产代码要用指数退避自己重连，避免服务端重启后客户端集体失联。

三、什么时候轮询反而更简单

如果消息频率很低（一分钟几条）、实时性要求秒级即可，轮询或 SSE 更省事：不用维护连接状态、负载均衡和网关兼容性问题都更少。WebSocket 的价值在「连接多、推送频繁、双向交互」的场景，比如在线协作和实时行情。

小结：握手靠 HTTP 升级、消息走帧；客户端记得做重连；低频场景先想想轮询是不是就够了。