前端面试深度解析：WebSocket 技术与应用场景

"这篇文档是关于前端面试中与WebSocket相关的知识点，主要探讨了WebSocket与HTTP协议的区别、应用场景、建立连接的过程以及与HTTP的对比。同时提到了WebSocket的安全性升级（wss）和在实际项目中推荐使用的socket.io库。" WebSocket是一种在客户端和服务器之间建立长连接的协议，与HTTP不同，它允许双向通信，即服务器和客户端都可以主动发送数据。这使得WebSocket在实时通信场景中非常有用，比如在线聊天、实时股票更新、多人协作编辑等。在HTTP协议中，通常是由客户端发起请求，服务器响应，而WebSocket则可以由任一方发起连接，并保持这个连接状态，直到一方关闭连接。 建立WebSocket连接时，首先会通过一个HTTP Upgrade请求来建立连接，这个请求会在Upgrade头部指定WebSocket协议，并协商其他参数如子协议、Sec-WebSocket-Key等。一旦连接建立成功，后续的通信就会使用WebSocket特定的帧结构，通过`send`方法发送数据，并通过`onmessage`事件接收数据。 WebSocket与HTTP的主要区别包括： 1. 协议名称不同，WebSocket使用`ws`或加密的`wss`，而HTTP是`http`或`https`。 2. WebSocket可以由客户端或服务器发起连接，而HTTP通常由客户端发起请求。 3. WebSocket没有跨域限制，HTTP受到同源策略约束。 4. WebSocket使用`send`和`onmessage`进行数据传输，而HTTP通过请求和响应（`req`和`res`）交互。 在安全性方面，WebSocket支持通过SSL/TLS提供类似HTTPS的安全性，通过`wss`协议，确保数据在传输过程中的加密和完整性。 在实际项目开发中，虽然原生WebSocket API提供基础的长连接功能，但其API相对简单，不包含错误重试、负载均衡等功能。因此，常常会使用像socket.io这样的库，它提供了更丰富的功能和更好的兼容性，如自动重连、广播消息、多房间管理等。例如，socket.io的API允许方便地监听连接事件、发送和接收事件，以及管理客户端连接。 在面试中，除了理解WebSocket的基本概念和用法，还可能被问到如何处理WebSocket的异常情况、如何实现WebSocket的负载均衡，或者是如何在WebSocket与HTTP之间做选择等问题，这些都是前端工程师需要掌握的重要技能。