ubuntu上js如何使用WebSockets - 问答

在Ubuntu上使用JavaScript通过WebSockets，你需要遵循以下步骤：

安装Node.js和npm（如果尚未安装）：打开终端并运行以下命令：
```
sudo apt update
sudo apt install nodejs npm
```
创建一个新的项目文件夹并进入该文件夹：
```
mkdir websocket_project
cd websocket_project
```
初始化一个新的Node.js项目：
```
npm init -y
```
安装WebSocket库，例如ws：
```
npm install ws
```

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

const WebSocket = require('ws');

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

server.on('connection', (socket) => {
  console.log('Client connected');

  // 监听客户端发送的消息
  socket.on('message', (message) => {
    console.log(`Received message: ${message}`);
  });

  // 向客户端发送消息
  socket.send('Hello from WebSocket server!');
});

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

运行WebSocket服务器：
```
node server.js
```

创建一个名为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>
  <script>
    const socket = new WebSocket('ws://localhost:8080');

    socket.addEventListener('open', (event) => {
      console.log('Connected to WebSocket server');
      socket.send('Hello from WebSocket client!');
    });

    socket.addEventListener('message', (event) => {
      console.log(`Received message: ${event.data}`);
    });
  </script>
</body>
</html>

在浏览器中打开client.html文件，或者使用一个支持WebSocket的HTTP客户端（如Postman）来测试WebSocket连接。

现在，当客户端连接到WebSocket服务器时，服务器会发送一条消息，客户端会接收并显示这条消息。同样，客户端发送的消息也会被服务器接收并显示。

请注意，这只是一个简单的示例，实际应用中可能需要处理更复杂的逻辑，例如错误处理、连接管理和消息广播等。

0 赞

0 踩