websocket实现一对一聊天,示例说明下

WebSocket实现一对一聊天的示例代码如下：

HTML部分：

<div>
  <input id="message" type="text" placeholder="输入消息" />
  <button id="sendBtn" type="button">发送</button>
</div>
<div id="chatBox"></div>

JavaScript部分：

// 创建一个WebSocket连接
const socket = new WebSocket("ws://localhost:8080");

// 连接成功时触发
socket.onopen = function() {
  console.log("WebSocket连接成功");
};

// 接收到消息时触发
socket.onmessage = function(event) {
  const chatBox = document.getElementById("chatBox");
  const msg = event.data;
  const p = document.createElement("p");
  p.innerText = "收到：" + msg;
  chatBox.appendChild(p);
};

// 发送消息
const sendBtn = document.getElementById("sendBtn");
sendBtn.onclick = function() {
  const message = document.getElementById("message").value;
  socket.send(message);
};

以上代码实现了一个简单的一对一聊天，当WebSocket连接成功后，可以通过输入框和发送按钮发送消息，发送的消息会经由WebSocket发送到服务端，服务端会把消息转发给另一个客户端，另一个客户端接收到消息后再显示到页面上。需要注意的是，这里的服务端代码需要通过外部搭建或者使用第三方服务商提供的WebSocket服务来实现。