websocket - 技术栈

WebSocket 是一种在客户端（浏览器）和服务器之间建立 双向通信通道 的网络协议。

🧠 一句话理解：

WebSocket 就像一个"持续不断的电话通话"，而不是传统 HTTP 的"一问一答"。

🔍 为什么需要 WebSocket？

传统 HTTP 协议是 单向通信：

浏览器请求 -> 服务器响应
如果你想"实时获取数据"，只能不断地用 Ajax 或轮询去问服务器（效率低）

WebSocket 是 双向的、长连接 ，一旦连接建立，服务器可以随时主动推送消息 给客户端（比如聊天消息、实时通知等）。

🧪 WebSocket 特点：

特性	说明
📡 长连接	建立连接后保持不断开，除非主动关闭
🔁 双向通信	客户端和服务端都可以主动发送消息
🕐 实时性高	消息可以即时推送，毫秒级延迟
📦 数据格式轻量	通常发送的是字符串或二进制（比 HTTP Header 少）

🧱 应用场景举例：

场景	是否适合用 WebSocket
💬 聊天室 / IM	✅ 非常适合，实时消息
📈 股票价格 / 币价推送	✅ 实时更新数据
🎮 多人游戏同步状态	✅ 同步性强
🧠 AI 响应流式输出	✅ 比如 ChatGPT 的逐字输出
✅ 实时通知系统	✅ 新订单、新消息提醒等

🧑‍💻 示例代码（前端使用 WebSocket）

复制代码

const socket = new WebSocket('wss://example.com/socket');

// 连接成功
socket.onopen = () => {
  console.log('连接已建立');
  socket.send('你好服务器'); // 可以主动发送消息
};

// 收到消息
socket.onmessage = (event) => {
  console.log('收到消息:', event.data);
};

// 连接关闭
socket.onclose = () => {
  console.log('连接已关闭');
};

// 发生错误
socket.onerror = (err) => {
  console.error('发生错误:', err);
};

✅ 和 Ajax / SSE（Server-Sent Events）的区别？

特性	Ajax	SSE	WebSocket
通信方向	单向	单向（服务端 -> 客户端）	双向
是否持久连接	否	是	是
实时性	差（轮询）	好	极好
服务器主动推送能力	❌	✅	✅
是否支持二进制	✅	❌（文本）	✅

如果你在开发中涉及 聊天功能、实时消息、流式输出 等，就可以考虑使用 WebSocket。