在heroku Nodejs PHP项目上部署socket io ws服务器失败

Question

我将创建一个 ws 服务器用于我已经构建但无法正常工作的聊天。我花了几个小时寻找解决问题的方法，但一无所获。 Heroku 没有任何卷轴支持。我在这里寻求帮助。 所以节点 js ws 服务器和 php 后端。

这里的架构：

我的服务器代码在这里：

'use strict';
 
const express = require('express');
const socketIO = require('socket.io');
 
const PORT = process.env.PORT || 3000;
const INDEX = '/index2.php';
 
const server = express()
  .use((req, res) => res.sendFile(INDEX, { root: __dirname }))
  .listen(PORT, () => console.log(`Listening on ${PORT}`));
 
const io = socketIO(server);
 
io.on('connection', (socket) => {
  console.log('Client connected');
  socket.on('disconnect', () => console.log('Client disconnected'));
});
 
setInterval(() => io.emit('time', new Date().toTimeString()), 1000);

这是我关于套接字的客户部分：

        var socket = io("https://xamchat.herokuapp.com/", {withCredentials: true});

       

        if (socket.connected) {
            alert("connected")
            socket.emit("connection")
            socket.on('time', function(data) {
            console.log(data)
        });
        } else {
            alert("not connected")
        }

我在 js 控制台中收到此错误：

轮询-xhr.js:157 获取 https://herokuapp.com/socket.io/?EIO=4&transport=polling&t=NooXUGB404 （未找到）

我也试过做快递服务器，同样的错误...

Answer 1

试试这个代码

const app = require('express')();
const http = require('http').Server(app);
const io = require('socket.io')(http);


const PORT = process.env.PORT || 3000;
const INDEX = '/index2.php';

app.use((req, res) => res.sendFile(INDEX, { root: __dirname }))

io.on('connection', (socket) => {
  console.log('Client connected');
  socket.on('disconnect', () => console.log('Client disconnected'));
});

http.listen(PORT, function() {
   console.log(`Listening on ${PORT}`);
   setInterval(() => io.emit('time', new Date().toTimeString()), 1000);
});