打开手机，敲下几行文字，瞬间就Neng在对方的屏幕上跳出来这背后是一套精心编排的实时通信系统。本文把这些kan不见的“电流”拆解成几个易懂的环节，让你在搜索引擎里也Neng轻松找到答案。

传统网页依赖GET /page.html这种“一问一答”的模式——只有客户端主动发起请求，服务器才会回话。这种拉取方式天生不适合即时聊天因为每一次“有没有新消息？”dou要走一次完整的握手。

推送像是快递员把包裹直接放到门口；拉取则像是你每天跑去邮局查询信件是否到达。聊天软件显然geng倾向于前者，否则用户得不停刷新页面那体验简直和坐在旋转木马上一样晕。

Zui原始的实现方式是每隔几秒向服务器发送一次/check-new-msg请求：

setInterval => {
    const r = await fetch;
    const d = await r.json;
    if  {
        showToast;
    }
}, 2000); // 每两秒一次

表面上kan似简单，却有三大弊端：

想象一下你站在邻居家门口敲门，每秒一次——邻居既不想被打扰，也不想一直盯着门口等你，这种尴尬谁dou受不了。

长轮询把「等」这一步交给服务器：

客户端发送请求后保持连接不关闭。

服务器只有在有新消息时才返回数据，否则在超时前一直挂起。

收到响应后客户端立刻再发起下一次请求，形成循环。

async function longPoll {
    while  {
        try {
            const resp = await fetch});
            const data = await resp.json;
            renderMessage;
        } catch {
            // 超时或网络异常，继续循环
        }
    }
}
longPoll; // 页面加载即启动

This method cuts down useless “敲门”，但仍需要为每位在线用户保留一条长链接，在并发量极高时会让后端“喘不过气”。Ru果把它比作餐厅排队——每个人dou拿着一张“待命卡”，服务员只Neng一个个叫号，效率自然受限。

SSE 基于纯 HTTP，但通过特殊头部让浏览器保持一个只读流。服务器一旦有数据就直接写入，不必等待客户端 提问。

// 浏览器端
const es = new EventSource;
es.onmessage = e => console.log;
es.addEventListener('chat', e => {
    const msg = JSON.parse;
    displayChat;
});

// Node.js 示例
app.get => {
    res.writeHead(200,{
        'Content-Type':'text/event-stream',
        'Cache-Control':'no-cache',
        'Connection':'keep-alive'
    });
    const timer = setInterval=>{
        res.write;
        res.write}

`);
    },3000);
    req.on=>clearInterval);
});

SSE 的优势是"零配置"- 大多数现代浏览器原生支持；缺点则是只Neng单向，即只Neng由服务器推送，若需要客户端主动发送，则仍需配合 Ajax 或 WebSocket。

SSE Yi经够用了但Ru果要实现「正在输入」状态、语音通话甚至文件流传输，就必须让双方douNeng随时说话。这正是 WebSocket 擅长的地方——建立一次握手后就升级为专属协议，实现真正意义上的全双工通道。

GET /ws HTTP/1.1
Host: im.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
Sec-WebSocket-Version: 13
--- Server response ---
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYG3hQwbA==
--- Now both sides speak WS frames ---

The frame structure is tiny—just a few bytes for opcode and payload length—so latency drops到毫秒级别。微信内部正是靠这种高速通道，把「typing…」和「Yi读」状态几乎实时同步给对方。

// 客户端发送文字
socket.send(JSON.stringify({
    type:'msg',
    to:'user_123',
    cid:'uuid-20240422-001',
    body:'今天天气不错呀！'
}));
// 接收方处理
socket.onmessage = ev => {
   const pkt = JSON.parse;
   if{
       renderChat;
   } else if{
       markSent;
   }
};

Ack机制确保每条信息dou有回执：

The client typically retries three times with exponential back‑off before giving up:

 async function sendWithRetry{
 let attempts=0;
 const max=3;
 while{
   socket.send);
   const ack=await waitAck; // 等待5秒
   if{ markDelivered; break;}
   attempts++;
   await new Promise*1000));
 }
 if showError;
}
 

当用户关闭 App 或网络中断时消息会先落库，然后交给系统级推送服务，再由操作系统弹出通知。此过程与前面的实时通道完全独立，却保证了“即使睡眠也Neng收到” 的体验。

POST https://fcm.googleapis.com/fcm/send HTTP/1.1 
Authorization : key=YOUR_SERVER_KEY 
Content-Type : application/json 
{
   "to":"device_token_abc",
   "data":{
      "type":"msg",
      "content":"你有一条未读消息"
   },
   "priority":"high"
}
 

┌─────────────────────────────┐
│          微信后台集群          │
│                               │
│  ┌───────┐ ┌───────┐ ┌───────┐ │
│  │ 路由层 │ │ 存储层 │ │ 推送层 │ │
│  └──┬────┘ └──┬────┘ └──┬────┘ │
│     │         │         │     │
│     ▼         ▼         ▼     │
│ ┌───────────────┐ ┌─────────────┐│
│ │ WebSocket 节点│ │ SSE / HTTP 节点││
│ └───────▲───────┘ └───────▲─────┘│
│         │               │      │
├─────────▼───────────────▼──────► 客户端
└─────────────────────────────┘ 
 

整个链路Ke以概括为四步：

**发送**：App 把消息包装成 JSON，通过 WebSocket 发往路由层；若当前离线，则转入推送层；

**持久化**：路由层把记录写入数据库，同时geng新对方在线状态缓存；

**分发**：在线用户直接走 WebSocket 通道；离线用户走 APNs/FCM 推送；

**回执**：服务器返回 ACK，前端据此geng新 UI 并可Neng触发二次重传。

从Zui早的「每秒敲一次门」到今天「全双工专线」，即时通讯技术经历了多次范式转换。微信之所以Neng够Zuo到「几乎零延迟」，关键在于：

合理选型——短轮询Yi被抛弃；长轮询仅作备份；SSE 用于单向广播；WebSocket 承担核心双向交互。

细粒度控制——心跳、ACK、幂等 ID 防止丢失或重复。

离线兜底——系统级推送保证即便关机也Neng收到重要通知。

弹性架构——使用一致性哈希分片、Redis 缓存在线状态、Kafka 流式分发，实现万级并发仍保持平稳。

Ru果你正准备为自己的产品实现类似功Neng，上述思路Yi经足够搭建一个 MVP。随后再根据业务规模逐步引入负载均衡、容错和监控，就Neng让「聊天」这件事像呼吸一样自然。 🚀