node通过websocket实现聊天室功能案例

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

以下是一个使用Node.js和WebSocket实现的简单聊天室案例：

安装依赖包

npm install ws express

创建一个服务器

const express = require('express');
const http = require('http');
const WebSocket = require('ws');

const app = express();
const server = http.createServer(app);
const wss = new WebSocket.Server({ server });

wss.on('connection', (ws) => {
  // 处理消息
  ws.on('message', (message) => {
    // 广播消息
    wss.clients.forEach((client) => {
      if (client.readyState === WebSocket.OPEN) {
        client.send(message);
      }
    });
  });
});

server.listen(8080, () => {
  console.log('Server started on port 8080');
});

创建一个前端页面

<!DOCTYPE html>
<html>
  <head>
    <title>WebSocket Chat</title>
  </head>
  <body>
    <div>
      <input type="text" id="message" />
      <button onclick="send()">Send</button>
    </div>
    <div id="messages"></div>

    <script>
      const socket = new WebSocket('ws://localhost:8080');

      // 处理消息
      socket.onmessage = (event) => {
        const messages = document.getElementById('messages');
        const message = document.createElement('div');
        message.innerText = event.data;
        messages.appendChild(message);
      };

      // 发送消息
      function send() {
        const messageInput = document.getElementById('message');
        const message = messageInput.value;
        messageInput.value = '';
        socket.send(message);
      }
    </script>
  </body>
</html>