WebSocket 是一種計算機網絡通信協議，它在客戶端和服務器之間建立一個持久的、雙向的通信通道。與傳統的 HTTP 請求-響應模型不同，WebSocket 允許數據在客戶端和服務器之間實時雙向傳輸，因此非常適合需要即時交互的應用，如實時聊天、在線游戲、股票行情等。
WebSocket 的工作原理
-
建立連接：
WebSocket 通過 HTTP 協議進行握手，以便建立初始連接。具體流程如下：- 客戶端向服務器發送一個 WebSocket 握手請求（HTTP 請求）。這個請求的標志是
Upgrade頭部字段，告訴服務器要升級為 WebSocket 協議。 - 服務器接收到這個請求后，如果支持 WebSocket 協議，會返回一個帶有
101 Switching Protocols狀態碼的 HTTP 響應，表示切換到 WebSocket 協議。
一旦這個握手成功，連接就被升級為 WebSocket 連接，后續的通信就不再使用 HTTP 協議，而是使用 WebSocket 協議。
- 客戶端向服務器發送一個 WebSocket 握手請求（HTTP 請求）。這個請求的標志是
-
雙向通信：
- 一旦建立連接，客戶端和服務器可以相互發送消息，而不需要像 HTTP 那樣每次都重新建立連接。雙方可以隨時發送數據包（稱為“消息”）。
- WebSocket 協議支持文本消息和二進制消息（如圖像或文件）。數據可以是 UTF-8 編碼的文本，也可以是 二進制數據（如 Blob 或 ArrayBuffer）。
-
關閉連接：
- 一旦通信結束，任何一方都可以發起關閉連接的請求。關閉過程也是通過 WebSocket 協議的幀（frame）來實現的。關閉連接時，雙方會交換一個特殊的“關閉幀”。
WebSocket 的優點
-
實時性：
WebSocket 提供了一個全雙工的通信通道，可以在客戶端和服務器之間實現實時數據傳輸。比如，股票行情、實時聊天、多人在線游戲等都可以通過 WebSocket 實現。 -
減少延遲：
與傳統的輪詢機制相比，WebSocket 消除了每次請求都建立新連接的開銷，減少了延遲。 -
節省帶寬：
WebSocket 連接一旦建立，后續的數據傳輸是基于持久連接的，因此減少了頻繁的請求和響應，節省了帶寬。 -
雙向通信：
WebSocket 支持雙向通信，可以讓客戶端和服務器隨時互相發送消息。這對于許多應用非常重要，例如即時消息和推送通知。
WebSocket 與 HTTP 的區別
| 特性 | WebSocket | HTTP |
|---|---|---|
| 連接方式 | 雙向通信，持久連接，持久握手 | 單向通信，每次請求-響應都需要建立新的連接 |
| 消息傳輸方式 | 雙向實時傳輸（可以推送數據） | 客戶端請求后，服務器響應一次，不能主動發送數據 |
| 建立連接的開銷 | 只需一次握手即可，后續消息傳輸沒有開銷 | 每次請求都要建立新連接 |
| 應用場景 | 實時應用，如在線游戲、股票行情、實時聊天等 | 頁面請求、資源請求、API調用等 |
WebSocket 示例
以下是一個簡單的 WebSocket 客戶端和服務器的實現示例：
1. WebSocket 客戶端 (JavaScript)
// 創建 WebSocket 連接
const socket = new WebSocket('ws://localhost:8080');// 當連接成功時觸發
socket.onopen = function() {console.log('WebSocket連接已打開');// 發送消息socket.send('Hello, Server!');
};// 當接收到消息時觸發
socket.onmessage = function(event) {console.log('收到消息:', event.data);
};// 當連接關閉時觸發
socket.onclose = function() {console.log('WebSocket連接已關閉');
};// 發生錯誤時觸發
socket.onerror = function(error) {console.log('WebSocket發生錯誤:', error);
};
2. WebSocket 服務器 (Node.js 示例)
const WebSocket = require('ws');// 創建 WebSocket 服務器
const wss = new WebSocket.Server({ port: 8080 });wss.on('connection', function(ws) {console.log('客戶端已連接');// 監聽客戶端消息ws.on('message', function(message) {console.log('收到客戶端消息:', message);// 回復客戶端ws.send('Hello, Client!');});// 客戶端連接關閉時觸發ws.on('close', function() {console.log('客戶端連接關閉');});
});
常見的 WebSocket 用途
-
即時聊天應用：
WebSocket 使得消息可以在服務器和多個客戶端之間實時推送，適合構建即時聊天應用。 -
股票/金融行情：
需要實時更新數據的應用，如股票、貨幣、商品行情，WebSocket 可以提供低延遲的實時數據推送。 -
在線游戲：
多人在線游戲需要客戶端和服務器之間實時交換數據，WebSocket 是實現這一需求的理想選擇。 -
協作應用：
在多人同時編輯文檔、白板應用等場景中，WebSocket 可以實時同步每個用戶的操作。
總結
WebSocket 是一種高效、低延遲的實時通信協議，適用于需要快速雙向數據傳輸的應用。它通過減少連接開銷、支持實時數據傳輸，使得客戶端和服務器之間的交互更加高效。
到 mapMulti())
