Question

我有Express / React应用，现在我正在使用Socket.io

服务器的端口为：5000，客户端的端口为：3000。

这是我的套接字设置：

server.js

const server = http.createServer(app);
const io = socketIO(server)
io.on('connection', socket => {
    console.log('User connected')

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

app.io = io;

Router.js

if (data.length === 0) {
  req.app.io.emit("userID", {});
  return false;
}

package.json ：

  "proxy": "http://localhost:5000",

和前端部分：

App.js ：

  state = {
    endpoint: "http://127.0.0.1:5000",
    userError: false,
  };

  componentDidMount() {
    const socket = socketIOClient(this.state.endpoint);
    socket.on("userID", (data) => {
    });
  }

我做对了吗？我想将我的应用程序放到Heroku上，但我认为它不会起作用，因为我不会使用相同的 endpoint 。

如何增强我的代码？

谢谢！

如何在React / Express应用上正确设置Socket.io？

0 个答案: