Socket.io и Express — популярные платформы в экосистеме Node.js. Хотя Express обычно используется для создания веб-приложений и API, Socket.io обеспечивает мощный уровень связи в реальном времени. В этой статье мы рассмотрим различные методы совместного использования Socket.io и Express, обеспечивающие функциональность в реальном времени в ваших веб-приложениях.

Метод 1: интеграция Socket.io в приложение Express
Чтобы использовать Socket.io вместе с Express, нам необходимо интегрировать сервер Socket.io в наше приложение Express. Вот пример фрагмента кода для начала:

const express = require('express');
const app = express();
const http = require('http').createServer(app);
const io = require('socket.io')(http);
// Express routes
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
// Socket.io events
io.on('connection', (socket) => {
  console.log('A user connected');
  socket.on('chat message', (msg) => {
    console.log('Received message: ' + msg);
    io.emit('chat message', msg);
  });
  socket.on('disconnect', () => {
    console.log('A user disconnected');
  });
});
// Start the server
http.listen(3000, () => {
  console.log('Server listening on http://localhost:3000');
});

Метод 2: использование Socket.io и Express на отдельных серверах.
Другой подход — запустить Socket.io и Express как отдельные серверы, что позволит им взаимодействовать друг с другом. Вот пример:

// Express server
const express = require('express');
const app = express();
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
app.listen(3000, () => {
  console.log('Express server listening on http://localhost:3000');
});
// Socket.io server
const io = require('socket.io')(8000);
io.on('connection', (socket) => {
  console.log('A user connected');
  socket.on('chat message', (msg) => {
    console.log('Received message: ' + msg);
    io.emit('chat message', msg);
  });
  socket.on('disconnect', () => {
    console.log('A user disconnected');
  });
});

Метод 3: использование промежуточного программного обеспечения Express с Socket.io
Промежуточное программное обеспечение Express позволяет нам обрабатывать соединения Socket.io в приложении Express. Вот пример, демонстрирующий этот подход:

const express = require('express');
const app = express();
const server = require('http').createServer(app);
const io = require('socket.io')(server);
// Express middleware for handling Socket.io connections
app.use((req, res, next) => {
  req.io = io;
  next();
});
// Express routes
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
// Socket.io events
io.on('connection', (socket) => {
  console.log('A user connected');
  socket.on('chat message', (msg) => {
    console.log('Received message: ' + msg);
    io.emit('chat message', msg);
  });
  socket.on('disconnect', () => {
    console.log('A user disconnected');
  });
});
// Start the server
server.listen(3000, () => {
  console.log('Server listening on http://localhost:3000');
});

В этой статье мы рассмотрели несколько способов совместного использования Socket.io и Express. Вы можете интегрировать Socket.io в приложение Express, запускать их как отдельные серверы или использовать промежуточное программное обеспечение Express для обработки соединений Socket.io. Каждый метод имеет свои преимущества в зависимости от вашего конкретного случая использования. Используя возможности Socket.io и Express, вы можете с легкостью создавать интерактивные веб-приложения, работающие в режиме реального времени.

Не забудьте установить необходимые зависимости, выполнив команду npm install express socket.io, прежде чем приступать к использованию примеров кода.