Express.js 中如何使用 socket.io 实现实时数据交互？

什么是 socket.io？

Socket.io 是一个基于 Node.js 的实时网络库，可实现客户端与服务器之间的双向通信。它提供了一种简单的方式来实现实时数据交互，例如聊天应用、实时协作应用等等。

如何在 Express.js 中使用 socket.io？

首先，我们需要安装 socket.io：

npm install socket.io --save

然后，我们需要在 Express.js 中配置 socket.io：

// javascriptcn.com 代码示例
const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', (socket) => {
  console.log('a user connected');
  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
});

server.listen(3000, () => {
  console.log('listening on *:3000');
});

在上面的代码中，我们首先创建了一个 Express.js 应用程序，然后创建了一个 HTTP 服务器并将其传递给 socket.io。接下来，我们使用 io.on('connection') 监听客户端的连接，并使用 socket.on('disconnect') 监听客户端的断开连接事件。

现在，我们已经可以在客户端和服务器之间进行实时通信了。下面是一个简单的示例，展示了如何在客户端和服务器之间发送和接收消息：

// javascriptcn.com 代码示例
// 客户端代码
const socket = io.connect('http://localhost:3000');
socket.on('connect', () => {
  console.log('connected to server');
});
socket.on('message', (data) => {
  console.log('received message:', data);
});
socket.emit('message', 'hello world');

// 服务器端代码
io.on('connection', (socket) => {
  console.log('a user connected');
  socket.on('message', (data) => {
    console.log('received message:', data);
    socket.emit('message', 'received message: ' + data);
  });
  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
});

在上面的示例中，我们首先在客户端连接到服务器时打印了一条消息，然后使用 socket.emit('message') 向服务器发送一条消息。服务器收到消息后，打印了一条消息并将消息发送回客户端，客户端收到消息后打印了一条消息。

总结

在本文中，我们学习了如何在 Express.js 中使用 socket.io 实现实时数据交互。我们首先介绍了 socket.io 的概念和用途，然后演示了如何配置和使用 socket.io，最后通过一个简单的示例展示了如何在客户端和服务器之间发送和接收消息。希望本文能够对你学习 socket.io 和实时数据交互有所帮助。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6565732cd2f5e1655deb29d3