Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 快速子应用程序不工作_Javascript_Node.js_Express - Fatal编程技术网

Javascript 快速子应用程序不工作

Javascript 快速子应用程序不工作,javascript,node.js,express,Javascript,Node.js,Express,我正在尝试使我的主应用程序能够动态添加其他子应用程序,以便我可以执行类似“/user/appName”的操作,其中appName是子应用程序的名称。在我的项目目录中,我有一个“apps”目录,其中包含所有子应用(它们都有自己的app.js)。我做了一个简单的函数来实现这一点,如果我注释掉所有的错误处理内容,它就会工作。但是,我仍然希望使用错误处理 我从主应用程序中的post方法调用useApp函数 我已经搜索并尝试了很多事情,但找不到任何有人试图做类似事情的地方。也许我走错了方向 app.js

我正在尝试使我的主应用程序能够动态添加其他子应用程序,以便我可以执行类似“/user/appName”的操作,其中appName是子应用程序的名称。在我的项目目录中,我有一个“apps”目录,其中包含所有子应用(它们都有自己的app.js)。我做了一个简单的函数来实现这一点,如果我注释掉所有的错误处理内容,它就会工作。但是,我仍然希望使用错误处理

我从主应用程序中的post方法调用useApp函数

我已经搜索并尝试了很多事情,但找不到任何有人试图做类似事情的地方。也许我走错了方向

app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes');
var login = require('./routes/login');
var user = require('./routes/user');
var admin = require('./routes/administrator');
var networkView = require('./routes/networkView');

var app = express();

//view engine setup
app.set('views', path.join(__dirname, 'views'));

/** if you want hogan to use ".html" file extension
app.engine('html', require('hjs').renderFile);
app.set('view engine', 'html');
**/

app.set('view engine', 'hjs');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/login', login);
app.use('/user', user);
app.use('/admin', admin);
app.use('/networkView', networkView);

// import a sub app
function useApp(appName) {
    app.use('/user/' + appName, require('./apps/' + appName + '/app'));
}

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

exports.useApp = useApp;
module.exports = app;

我对express的工作原理做了一些研究。问题是我的函数中的app.use()将路由添加到堆栈的末尾。因此无法访问。我提出了以下解决方案:

/**
 * function that allows sub apps to be added to this app dynamically (when the server is running)
 * @param appName
 */
function useApp(appName) {
    // add the route
    app.use('/user/' + appName, require('./apps/' + appName + '/app'));

    // put the new route before the 404 catch on the router stack
    // this assumes there are 3 other routes after this one (len - 4)
    var last = app._router.stack[app._router.stack.length - 1];
    delete app._router.stack[app._router.stack.length - 1];
    app._router.stack.splice(app._router.stack.length - 4, 0, last);
}
它将新路由移动到堆栈中的正确位置,使其变得可访问


不确定这是否是最好的方法,但它确实有效。

我已经构建了一些东西来实现这一点。请随便看看:

确保你在“tkiddle”分支上