📜  Socket.IO教程(1)

📅  最后修改于: 2023-12-03 15:20:10.753000             🧑  作者: Mango

Socket.IO教程

Socket.IO 是一个基于 Node.js 的实时网络库,用于构建实时应用程序。它使得在客户端和服务端之间建立实时、双向和基于事件的通信变得非常容易。

安装

您可以使用 npm 在您的项目中安装 Socket.IO。首先打开终端并在项目文件夹中运行以下命令:

npm install socket.io
使用

下面是一个基本的示例:

// 引入 Socket.IO
const io = require('socket.io')(3000);

// 监听客户端的连接请求
io.on('connection', (socket) => {
  console.log('一个客户端连接了');

  // 监听客户端发来的消息
  socket.on('message', (data) => {
    console.log(`收到一条消息:${data}`);
    // 广播消息
    io.emit('message', data);
  });

  // 监听客户端断开连接
  socket.on('disconnect', () => {
    console.log('一个客户端断开了连接');
  });
});
客户端

在客户端上使用 Socket.IO 也非常简单。首先你需要在 HTML 文件中引入 Socket.IO 的客户端库:

<script src="https://cdn.socket.io/3.1.1/socket.io.min.js" integrity="sha384-kqJ6NRaxO92iK0Yi5d/CbZs3Bedz+/SSyTQ2zaCUN7oRXG+vz1J0IEXc1cFKSHTO" crossorigin="anonymous"></script>

然后你可以在 JavaScript 文件中连接到服务器:

const socket = io('http://localhost:3000');

// 监听服务器发来的消息
socket.on('message', (data) => {
  console.log(`收到一条消息:${data}`);
});

// 发送消息
socket.emit('message', 'Hello, Socket.IO!');

以上代码将在客户端上发送一个消息,并在控制台上显示服务器发来的所有消息。