Ubuntu下Node.js如何实现实时通信功能

发布时间:2025-11-11 02:48:47

阅读量:27

在Ubuntu下使用Node.js实现实时通信功能，通常会选择WebSocket技术。WebSocket是一种网络通信协议，它提供了在单个TCP连接上进行全双工通信的能力。以下是使用Node.js和WebSocket实现实时通信的基本步骤：

安装Node.js：如果你还没有安装Node.js，可以通过以下命令安装：
```
sudo apt update
sudo apt install nodejs npm
```
创建项目目录：创建一个新的项目目录，并在该目录中初始化一个新的Node.js项目。
```
mkdir realtime-chat
cd realtime-chat
npm init -y
```
安装WebSocket库：使用npm安装WebSocket库，例如ws。
```
npm install ws
```

创建WebSocket服务器：创建一个名为server.js的文件，并添加以下代码来创建一个WebSocket服务器。

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
    // Broadcast to all clients
    wss.clients.forEach(function each(client) {
      if (client !== ws && client.readyState === WebSocket.OPEN) {
        client.send(message);
      }
    });
  });

  ws.send('You are connected to the WebSocket server!');
});

console.log('WebSocket server is running on ws://localhost:8080');

创建WebSocket客户端：创建一个名为client.html的文件，并添加以下代码来创建一个简单的WebSocket客户端。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WebSocket Client</title>
</head>
<body>
  <h1>WebSocket Client</h1>
  <input type="text" id="messageInput" placeholder="Type a message...">
  <button onclick="sendMessage()">Send</button>
  <ul id="messages"></ul>

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

    socket.onopen = function() {
      console.log('Connected to the WebSocket server');
    };

    socket.onmessage = function(event) {
      const messages = document.getElementById('messages');
      const message = document.createElement('li');
      message.textContent = event.data;
      messages.appendChild(message);
    };

    function sendMessage() {
      const input = document.getElementById('messageInput');
      const message = input.value;
      socket.send(message);
      input.value = '';
    }
  </script>
</body>
</html>