WebSocket是什么？如何连接？

WebSocket是一种基于TCP的全双工长连接通信协议，通过HTTP升级握手（101状态码）实现浏览器与服务器间的低延迟、实时双向数据交互，支持文本和二进制帧传输，显著优于传统HTTP的“请求-响应”模式；在JavaScript中仅需一行`new WebSocket(url)`即可发起连接，并通过open、message、error、close等事件驱动通信，但需开发者手动处理重连、状态校验与错误恢复——它轻量易用，却将真正的挑战留给了服务端集成与健壮的连接生命周期管理。

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它让浏览器和服务器之间可以持续保持连接，实时收发数据，不像 HTTP 那样每次请求都要重新建立连接。

WebSocket 和 HTTP 的关键区别

HTTP 是“请求-响应”模式：浏览器发一次请求，服务器回一次响应，连接就断了。WebSocket 是“长连接”：握手阶段用 HTTP 升级（Upgrade），成功后就切换成 WebSocket 协议，双方随时能主动发消息。

• 握手时用 HTTP 101 Switching Protocols 状态码表示升级成功
• 连接建立后，数据以帧（frame）形式传输，开销小、延迟低
• 支持文本（UTF-8）和二进制数据
• 自动处理重连、心跳、错误通知等需手动实现的逻辑（但实际项目中常需额外封装）

如何在 JavaScript 中建立 WebSocket 连接

使用 new WebSocket(url) 即可发起连接，url 必须是 ws://（非加密）或 wss://（加密，推荐，类似 HTTPS）开头。

示例：

连接过程有四个关键事件：

• open：连接成功，可以开始发送数据
• message：收到服务器发来的消息
• error：连接出错（如网络中断、URL 错误），不会自动重试
• close：连接被关闭（可能是服务端关闭，也可能是调用 ws.close()）

典型用法：

注意事项和常见问题

WebSocket 不是万能的，用之前要注意：

• 浏览器兼容性良好（现代浏览器都支持），但旧版 IE 不支持
• 服务端必须部署 WebSocket 服务（如 Node.js 的 ws 库、Socket.IO 后端，或 Nginx 正确配置 proxy_pass + Upgrade 头）
• 跨域不受限制（不像 Ajax），但服务端仍可校验 Origin 头做简单防护
• 没有内置重连机制，生产环境建议自己加重连逻辑（比如指数退避）
• 避免在未检查 ws.readyState === WebSocket.OPEN 时调用 send()，否则会报错

基本上就这些。WebSocket 本身 API 很轻量，难的是服务端配合和连接生命周期管理。

好了，本文到此结束，带大家了解了《WebSocket是什么？如何连接？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！