为 socket.io 导出 HTTP 服务器不起作用

Question

我有一个app.js

const express = require('express');
const app = express();
const server = require('./server.js');

// app.use
const io = require('socket.io').listen(server);
io.on('connection', function (socket) {
   ...
});

module.exports = app;

还有一个server.js

const app = require('./app');
const server = app.listen(5000 || process.env.PORT, () => {
    console.log('App listening on port 5000!');
})
module.exports = server;

如果我将服务器放在一个单独的文件中，则套接字无法工作，但如果我在 app.js 内启动服务器，则套接字可以工作。 我做错了什么？

Answer 1

这里的问题是你有一个循环依赖，其中app.js 正在加载server.js，而server.js 正在加载app.js。对于这种类型的代码，您不能这样做。

它有一个问题，因为您尝试从app.js 中加载server.js，然后在加载server.js 的过程中，它尝试加载app.js 并获取其导出，但app.js 没有'还没有完成加载，因此甚至还没有返回它的出口。因此，加载程序要么认为没有导出，要么识别出循环请求（我不确定是哪个），但在任何一种情况下，app.js 的导出都不起作用，因为循环需要。

有几种不同的方法可以解决这个问题。最常见的两种方式是：

1. 将一些代码分解成一个公共的第三个模块，每个模块都可以加载，并且只有其中一个模块可以加载另一个模块。

2. 与其让server.js 加载app 来获取app 对象，不如让app.js 在构造函数中将app 对象传递给server.js，而不是尝试在模块加载时执行时间。

以下是构造函数想法的工作原理：

app.js

const express = require('express');
const app = express();

// load server.js and call it's constructor, passing the app object
// that module constructor function will return the server object
const server = require('./server.js')(app);

// app.use
const io = require('socket.io').listen(server);
io.on('connection', function (socket) {
   ...
});

module.exports = app;

server.js

// export constructor function that must be called to initialize this module
module.exports = function(app) {

    const server = app.listen(5000 || process.env.PORT, () => {
        console.log('App listening on port 5000!');
    });
    return server;
};

因此，不是server.js 尝试加载app.js 模块来获取app 对象，而是使用构造函数将app 对象“推送”到它。这可以防止循环依赖。