使用 socket.io-client 从 react 向节点服务器发送数据

Question

我尝试使用 [socket.io-client][1] 和我在 react 应用程序中添加的以下代码将数据从客户端发送到服务器。

import io from "socket.io-client";

var socket = io.connect('http://localhost:3002');
socket.emit("room", 'room1');

并在服务器端添加了followimg代码

const app = express();
const http = require("http").Server(app);

const io = require("socket.io");
var socket = io(http);
socket.on("connection", socket => {
  console.log("user connected");
  socket.on('room', function(room){
      console.log("room", room);
      socket.join(room);
  });
});

app.listen(3002);

但是，即使已建立套接字连接并从服务器发送到客户端工作正常，我也没有在服务器端收到任何数据。 谢谢 [1]：https://www.npmjs.com/package/socket.io-client

Answer 1

您正在创建快速服务器，但从未告诉它侦听端口。

你需要像这样添加 app.listen()：

const app = express();
const http = require("http").Server(app);

app.listen(3002);

const io = require("socket.io");
var socket = io(http);
socket.on("connection", socket => {
  console.log("user connected");
  socket.on('room', function(room){
      console.log("room", room);
      socket.join(room);
  });
});