H5中webSocket 的基本使用

要使用 WebSocket 实现实时通信，可以按照以下步骤进行：

1. 在客户端（Web 浏览器）上创建 WebSocket 对象：在 JavaScript 中，使用 new WebSocket(url) 创建一个新的 WebSocket 对象，其中 url 是 WebSocket 服务器的地址。

2. 监听 WebSocket 事件：通过为 WebSocket 对象绑定各种事件处理程序来监听不同的事件，以便在特定事件发生时执行相应的逻辑。常见的 WebSocket 事件包括连接建立成功、接收到消息、连接关闭等。

3. 建立连接：调用 WebSocket 对象的 websocket.open() 方法与 WebSocket 服务器建立连接。一旦连接建立成功，就可以开始发送和接收消息。

4. 发送消息：使用 WebSocket 对象的 send() 方法向服务器发送消息。可以将文本、二进制数据等作为参数传递给该方法。

5. 接收消息：通过监听 WebSocket 对象的 message 事件来接收从服务器端传递过来的消息。在事件处理程序中，可以访问接收到的消息内容，并根据需要进行处理和展示。

6. 断开连接：如果希望关闭 WebSocket 连接，可以调用 WebSocket 对象的 websocket.close() 方法断开连接。也可以监听 WebSocket 对象的 close 事件，在连接关闭时执行相应的逻辑。

需要注意的是，WebSocket 需要服务器端支持并实现相应的协议和逻辑。在实际使用中，需要编写后端代码来处理 WebSocket 请求和发送消息。常见的后端语言和框架都提供了 WebSocket 的支持。

以下是一个简单的示例代码，展示了使用 JavaScript 在客户端与 WebSocket 服务器进行通信的基本步骤：

javascript复制代码

// 创建 WebSocket 对象并指定服务器地址 
const socket = new WebSocket("ws://example.com/socket"); 
// 监听连接建立成功事件
socket.onopen = function(event) { console.log("WebSocket 连接已建立"); }; 
// 监听接收到消息事件 
socket.onmessage = function(event) { console.log("接收到消息：" + event.data); }; 
// 发送消息 
socket.send("Hello, WebSocket!"); 
// 监听连接关闭事件 
socket.onclose = function(event) { console.log("WebSocket 连接已关闭"); };

这只是一个简单的示例，实际应用中可能涉及更多复杂的逻辑和处理方式。具体的实现方式还会根据具体的技术