ubuntu中js如何使用WebSocket

在Ubuntu系统中，要在JavaScript中使用WebSocket，你需要遵循以下步骤：

首先确保你的系统已经安装了Node.js。如果没有，请访问Node.js官网下载并安装适用于Ubuntu的Node.js版本。
创建一个新的项目文件夹，并在该文件夹中打开终端。
初始化一个新的Node.js项目，运行以下命令：

npm init -y

安装WebSocket库，我们将使用ws库。运行以下命令：

npm install ws

在项目文件夹中创建一个名为index.js的文件，并在其中编写以下代码：

// 导入WebSocket库
const WebSocket = require('ws');

// 创建WebSocket服务器
const server = new WebSocket.Server({ port: 8080 });

// 监听连接事件
server.on('connection', (socket) => {
  console.log('客户端已连接');

  // 监听消息事件
  socket.on('message', (message) => {
    console.log(`收到消息: ${message}`);
  });

  // 向客户端发送消息
  socket.send('你好，我是WebSocket服务器！');
});

// 监听关闭事件
server.on('close', () => {
  console.log('客户端已断开连接');
});

运行你的WebSocket服务器：

node index.js

现在你的WebSocket服务器已经在Ubuntu系统上运行，监听8080端口。

接下来，你需要在前端JavaScript中使用WebSocket客户端。创建一个名为index.html的文件，并在其中编写以下代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WebSocket客户端</title>
</head>
<body>
  <script>
    // 创建WebSocket客户端
    const socket = new WebSocket('ws://localhost:8080');

    // 监听连接事件
    socket.addEventListener('open', () => {
      console.log('已连接到WebSocket服务器');
      socket.send('你好，我是WebSocket客户端！');
    });

    // 监听消息事件
    socket.addEventListener('message', (event) => {
      console.log(`收到消息: ${event.data}`);
    });

    // 监听关闭事件
    socket.addEventListener('close', () => {
      console.log('已断开与WebSocket服务器的连接');
    });
  </script>
</body>
</html>

在浏览器中打开index.html文件，你应该能看到WebSocket客户端与服务器之间的通信。

这就是在Ubuntu系统中使用JavaScript和WebSocket的基本步骤。你可以根据需要扩展这个示例，例如添加更多的客户端和服务器之间的通信逻辑。

最新问答

相关标签