以Socket.io为基础轻松构建实时通讯应用

2024-02-02 07:59:47

文章：

Socket.io是一款令人瞩目的实时通讯库，它基于流行的WebSocket协议，在Node.js和JavaScript环境下都能发挥出色，是一款非常理想的开发选择。

快速入门

首先，你需要确保你的Node.js环境中已经安装了Socket.io，可以使用npm进行安装：

npm install socket.io

接下来，我们需要在你的服务器中创建一个文件（如server.js），如下所示：

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

const io = socketIO(3000);

io.on('connection', (socket) => {
  console.log('New client connected');

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

  socket.on('disconnect', () => {
    console.log('Client disconnected');
  });
});

这是一个非常简单的例子，它演示了如何使用Socket.io监听连接、消息和断开连接事件。

客户端

在客户端，你需要在HTML文件中加入Socket.io的JavaScript库：

<script src="/socket.io/socket.io.js"></script>

接下来，你就可以在JavaScript代码中使用Socket.io：

const socket = io();

socket.on('connect', () => {
  console.log('Connected to server');

  socket.emit('message', 'Hello from client');
});

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

socket.on('disconnect', () => {
  console.log('Disconnected from server');
});