js websocket header

// WebSocket 客户端示例代码，包含自定义 Header

// 由于 WebSocket 协议本身不支持直接在连接时传递 HTTP 头信息，
// 但可以通过 URL 参数或握手过程中使用子协议等方式间接实现。

// 使用 URL 参数的方式：
const socket = new WebSocket('wss://example.com/socket?token=your_token_here');

// 如果需要更复杂的头信息传递，可以使用服务器端代理或中间件来处理。
// 例如，在 Node.js 中使用 ws 库和 http-proxy-middleware 可以实现这一点。

// 下面是一个简单的客户端示例：
socket.onopen = function() {
    console.log('WebSocket connection opened');
    // 发送消息给服务器
    socket.send('Hello Server!');
};

socket.onmessage = function(event) {
    console.log('Message from server:', event.data);
};

socket.onclose = function() {
    console.log('WebSocket connection closed');
};

socket.onerror = function(error) {
    console.error('WebSocket error:', error);
};

解释说明：

1. WebSocket 协议限制：WebSocket 协议本身并不支持直接在连接时传递 HTTP 头信息。因此，通常的做法是通过 URL 参数或握手过程中使用子协议等方式间接传递额外的信息。
2. URL 参数方式：在 WebSocket URL 中附加参数（如 ?token=your_token_here），可以在服务器端解析这些参数并进行相应的处理。
3. 复杂头信息传递：对于更复杂的需求，可以考虑使用服务器端代理或中间件来处理 WebSocket 握手过程中的头信息。
4. 事件处理：代码中展示了如何处理 WebSocket 的常见事件（onopen, onmessage, onclose, onerror）。