溫馨提示×

ubuntu上js如何使用WebSockets

小樊
43
2025-09-12 22:42:14
欄目: 編程語言

在Ubuntu上使用JavaScript通過WebSockets,你需要遵循以下步驟:

  1. 安裝Node.js和npm(如果尚未安裝): 打開終端并運行以下命令:

    sudo apt update
    sudo apt install nodejs npm
    
  2. 創建一個新的項目文件夾并進入該文件夾:

    mkdir websocket_project
    cd websocket_project
    
  3. 初始化一個新的Node.js項目:

    npm init -y
    
  4. 安裝WebSocket庫,例如ws

    npm install ws
    
  5. 創建一個名為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');
    
  6. 運行WebSocket服務器:

    node server.js
    
  7. 創建一個名為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>
    
  8. 在瀏覽器中打開client.html文件,或者使用一個支持WebSocket的HTTP客戶端(如Postman)來測試WebSocket連接。

現在,當客戶端連接到WebSocket服務器時,服務器會發送一條消息,客戶端會接收并顯示這條消息。同樣,客戶端發送的消息也會被服務器接收并顯示。

請注意,這只是一個簡單的示例,實際應用中可能需要處理更復雜的邏輯,例如錯誤處理、連接管理和消息廣播等。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女