Node.js的Socket.io库如何使用

发布时间：2025-03-31 05:39:30 作者：小樊
来源：亿速云阅读：106

Socket.io 是一个实时通信库，它可以在客户端和服务器之间建立实时双向通信。以下是如何在 Node.js 项目中使用 Socket.io 的基本步骤：

安装 Socket.io：

在你的 Node.js 项目中，使用 npm 或 yarn 安装 socket.io 库。

npm install socket.io

或者

yarn add socket.io

创建一个简单的 HTTP 服务器：

在项目中创建一个名为 server.js 的文件，并使用 Express 框架创建一个简单的 HTTP 服务器。

const express = require('express');
const app = express();
const server = require('http').createServer(app);
const io = require('socket.io')(server);

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

server.listen(3000, () => {
  console.log('Server is running on port 3000');
});

创建一个简单的 HTML 文件：

在项目根目录下创建一个名为 index.html 的文件，并添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Socket.io Example</title>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const socket = io();

      socket.on('message', (data) => {
        console.log('Message received:', data);
      });

      document.getElementById('sendButton').addEventListener('click', () => {
        const message = document.getElementById('messageInput').value;
        socket.emit('message', message);
      });
    });
  </script>
</head>
<body>
  <input type="text" id="messageInput" placeholder="Type a message...">
  <button id="sendButton">Send</button>
</body>
</html>

运行服务器：

在终端中运行以下命令启动服务器：

node server.js

现在，当你访问 http://localhost:3000 并发送消息时，服务器将在控制台中显示接收到的消息，并将消息广播给所有连接的客户端。

这只是一个简单的示例，Socket.io 还支持许多其他功能，如命名空间、房间、事件处理等。你可以查阅 Socket.io 的官方文档以获取更多信息：https://socket.io/docs/v4/

Node.js的Socket.io库如何使用

相关阅读