无法从 Angular 到 NodeJS 与 Socket.IO 建立连接

Question

我试图解决这个问题几个小时..如果有人可以帮助我。 我不明白为什么这不会发出或接收消息。

在 angular 我得到了这个错误：

http://localhost:4200/socket.io/?EIO=3&transport=polling&t=NEhK-JT 404

4200 是我的 Angular 应用程序的端口和我的服务器的 8080。

节点JS：

// Define Porta
const port = process.env.PORT || 8080;
var server = app.listen(port, function () {
    console.log('Server Online - ' + port);
});

// Socket.io
var io = require('socket.io').listen(server);
io.on('connect', function (socket) {
    console.log(`${socket.id} is connected`);
    socket.on('room', function (room) {
        console.log('room', room)
        socket.join(room);
    });
});

Angular 9：

import * as io from 'socket.io-client'
public socket
public orgId: string = '123abc'

  ngOnInit(): void {
        this.setupSocketConnection();
  }

  chat(nome: string, avatar: number, mensagem: string) {
    io.connect(this.orgId).emit('organizacao', {
      nome: nome,
      mensagem: mensagem,
      avatar: avatar,
    });
  }

  setupSocketConnection() {
    this.socket = io.connect(`http://localhost:8080`, { 
      reconnectionDelay: 1000,
      reconnection: true,
      reconnectionAttempts: 10,
      transports: ['websocket'],
      agent: false, 
      upgrade: false,
      rejectUnauthorized: false
    });
  }

从我在服务器的 Console.log

zEnR7Cp23zcur4_kAAAH is connected
86sIiMA8vRZEN-WcAAAI is connected
SU4K2n9jAx_UO2ndAAAJ is connected
UAwlMpNiZWhw_eo9AAAK is connected
K6myruVum4FPKTeLAAAL is connected
Z5QULdZtdsRo5gC1AAAM is connected

Answer 1

如果您尝试实现rooms ，请阅读https://socket.io/docs/rooms/

对于您的情况，我在这里看到的是，在服务器端，您正在收听名为room的事件，而在客户端，您正在向organizacao发送，您还需要使用socket object 而不是io ，请参阅此处Z5E056C500ADD80B4 //www.npmjs.com/package/socket.io-client

socket.connect(this.orgId).emit('room', {
      nome: nome,
      mensagem: mensagem,
      avatar: avatar,
    });