WebSocket 是一种在客户端和服务器之间提供低延迟、全双工通信的网络通信协议。它是HTML5标准的一部分，使得web应用程序能够拥有实时的、高效的双向通信能力，这对于实现即时通讯、在线协作工具、实时数据更新、游戏、金融交易系统等应用至关重要。以下是WebSocket的一些关键特点和概念：
主要特点：
- 全双工通信：与传统的HTTP请求-响应模型不同，WebSocket一旦建立连接，服务器和客户端都可以随时主动发送数据，无需等待对方的请求。
- 长连接：WebSocket通过一个长连接维持双方的通信，减少了因频繁建立和断开连接带来的延迟和资源消耗。
- 低延迟：由于省去了HTTP协议的头部信息，以及无需为每个消息建立新的连接，WebSocket能提供更低的通信延迟。
- 轻量级：尽管WebSocket协议本身较为简单，但它支持多种数据格式，包括文本、JSON、二进制等，非常灵活。
- 事件驱动：WebSocket API设计为事件驱动，开发者可以通过监听
onopen、onmessage、onerror、onclose等事件来处理连接状态变化和数据接收。
为什么需要WebSocket：
- 实时性：对于需要即时反馈的应用，如聊天、在线游戏、实时数据分析等，WebSocket提供了必要的实时通信能力。
- 减少资源消耗：相比轮询或长轮询等传统技术，WebSocket减少了不必要的网络请求，节省了带宽和计算资源。
- 简化应用逻辑：WebSocket的双向通信特性简化了从前需要复杂逻辑才能实现的实时交互功能。
工作原理：
- 握手：WebSocket连接初始化时，客户端通过HTTP请求升级协议至WebSocket协议，服务器同意后建立连接。
- 数据帧：连接建立后，数据以帧的形式传输，每个帧包含数据载荷和一些控制信息，如操作码指示数据类型。
- 心跳维护：为了保持连接活跃，WebSocket连接通常会周期性地交换“心跳”消息。
如何使用WebSocket：
在JavaScript中，你可以通过WebSocket构造函数创建一个新的WebSocket实例，然后通过监听实例的事件来处理连接和数据交互。例如：
var socket = new WebSocket('ws://example.com/socketserver');
socket.onopen = function(event) {
console.log('Connection open!');
};
socket.onmessage = function(event) {
console.log('Message received:', event.data);
};
socket.onerror = function(error) {
console.error('Error detected: ', error);
};
socket.onclose = function(event) {
console.log('Connection closed');
};
请注意，WebSocket URL scheme 通常是 ws://（非加密）或 wss://（加密）。
WebSocket为现代Web应用提供了一种强大且高效的通信方式，极大地丰富了前端技术栈，使得开发者能够构建出更加动态和交互式的用户体验。
