Socket.io 使用指南

简介

Socket.io 是一个基于 WebSocket 的实时通信库，它能够在客户端和服务器之间建立持久连接，实现实时双向通信。它支持跨平台、跨浏览器，并且提供了简单易用的 API，非常适合于需要实时通信的 Web 开发。

安装和引入

你可以通过以下命令在你的项目中安装 Socket.io：

npm install socket.io

然后，在你的脚本文件中引入 Socket.io：

const io = require('socket.io')(http);

服务端的使用

启动 Socket.io 服务器

首先，你需要创建一个 HTTP 服务器，并将其传递给 Socket.io：

const http = require('http');
const io = require('socket.io')(http);

const server = http.createServer((req, res) => {
  // 你的 HTTP 服务器逻辑
});

server.listen(3000, () => {
  console.log('Socket.io 服务器已启动');
});

处理客户端连接

一旦服务器启动，你就可以开始处理客户端的连接了。在 Socket.io 中，连接表示客户端与服务器之间的持久连接。

io.on('connection', (socket) => {
  console.log('客户端已连接');

  // 在这里处理客户端的事件和消息
});

发送和接收消息

Socket.io 通过事件和消息进行实时通信。你可以使用 socket.emit() 来发送消息，使用 socket.on() 来接收消息。

io.on('connection', (socket) => {
  // ...

  // 接收来自客户端的消息
  socket.on('message', (data) => {
    console.log(`接收到来自客户端的消息：${data}`);
    
    // 发送消息给客户端
    socket.emit('message', 'Hello, client!');
  });
});

客户端的使用

连接到服务器

在客户端中，你需要连接到 Socket.io 服务器：

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

发送和接收消息

客户端可以使用 socket.emit() 来发送消息，使用 socket.on() 来接收消息。

// 发送消息给服务器
socket.emit('message', 'Hello, server!');

// 接收来自服务器的消息
socket.on('message', (data) => {
  console.log(`接收到来自服务器的消息：${data}`);
});

总结

Socket.io 是一个功能强大的实时通信库，它能够轻松实现实时双向通信。本文简要介绍了 Socket.io 的安装和引入，以及在服务端和客户端的使用。希望本文能够帮助你开始使用 Socket.io 进行实时通信的开发工作。