Ошибка соединения WebSocket в разработке с аутентификацией Firebase и Socket.IO

Я работаю над веб-приложением, которое использует аутентификацию Firebase и Socket.IO. Соединение WebSocket постоянно не удается, и при каждой попытке оно переключается на длительное опрос. Я подозреваю, что проблема может быть связана с аутентификацией токенов Firebase.

Настройка:

• Фронтенд: Next.js, работающий на localhost:3000
• Бэкенд: Node.js/Express с Socket.IO и PeerJS на localhost:4000
• Firebase: Аутентификация с использованием Firebase Admin SDK для проверки токенов на серверной стороне
• Среда разработки: Использование http:// (не https) как для фронтенда, так и для бэкенда

С вышеуказанной настройкой соединение WebSocket не удается с следующей ошибкой в консоли браузера:

websocket.js:127 Соединение WebSocket с 'ws://localhost:4000/socket.io/?EIO=4&transport=websocket&sid=...' не удалось:

Я могу получить доступ к сайту и аутентифицировать пользователей через Firebase, но это происходит через длительное опрос, чего я хотел бы избежать.

Соответствующий код:

Серверная сторона (Node.js/Express):

const express = require('express');
const http = require('http');
const { Server } = require('socket.io');
const firebaseAdmin = require('./firebaseAdmin');

// Инициализация приложения Express
const app = express();
const server = http.createServer(app);

// Инициализация сервера Socket.IO
const io = new Server(server, {
  cors: {
    origin: 'http://localhost:3000',
    methods: ['GET', 'POST'],
  },
});

// Промежуточное программное обеспечение аутентификации Socket.IO
io.use(async (socket, next) => {
  try {
    const token = socket.handshake.auth.token;
    if (!token) return next(new Error('Ошибка аутентификации: токен не предоставлен'));

    const decodedToken = await firebaseAdmin.auth().verifyIdToken(token);
    socket.user = { uid: decodedToken.uid, email: decodedToken.email };
    next();
  } catch (error) {
    console.error('Ошибка аутентификации:', error);
    next(new Error('Ошибка аутентификации'));
  }
});

io.on('connection', (socket) => {
  console.log(`Пользователь подключен: ${socket.user.email}`);
  socket.on('message', (data) => {
    socket.broadcast.emit('message', { user: socket.user.email, message: data });
  });
  socket.on('disconnect', () => {
    console.log(`Пользователь отключен: ${socket.user.email}`);
  });
});

server.listen(4000, () => {
  console.log('Сервер работает на http://localhost:4000');
});

Клиентская сторона (Next.js):

import { io } from 'socket.io-client';
import { useEffect, useState } from 'react';
import { useFirebase } from './FirebaseContext';

const useSocket = () => {
  const { user } = useFirebase();
  const [socket, setSocket] = useState(null);

  useEffect(() => {
    if (!user) return;

    const connectSocket = async () => {
      const token = await user.getIdToken(true);
      const newSocket = io('http://localhost:4000', {
        auth: { token },
        transports: ['websocket'], // Принудить WebSocket
      });
      setSocket(newSocket);
    };

    connectSocket();

    return () => {
      if (socket) socket.disconnect();
    };
  }, [user]);

  return socket;
};

export default useSocket;

Может ли проблема быть связана с использованием http, а не https для соединений WebSocket? Возможно, Firebase задерживает проверку токена, что приводит к сбою соединения WebSocket? Я снова пробовал добавить 5-секундную задержку между получением токена и соединением WebSocket, поэтому мне кажется, что необходимо настроить эмулятор Firebase в разработке, чтобы избежать потенциальных проблем с задержкой.
Буду признателен за любые идеи о том, что может вызывать сбой соединения WebSocket.

Я пробовал:

• Добавить 5-секундную задержку между получением токена (user.getIdToken(true)) и соединением WebSocket.
• Установить транспорт WebSocket в ['websocket'], чтобы принудить соединение использовать только WebSocket.
• Протестировать в Chrome и Firefox.
• Логировать процесс проверки токена на сервере, чтобы убедиться, что токены получают и декодируют правильно.
• Снизить настройки CORS, разрешив все источники.