如何在 Express 的多个文件中包含路由处理程序？

Question

在我的 NodeJS express 应用程序中，我有 app.js ，它有一些常见的路由。然后在 wf.js 文件中我想定义更多路由。

如何让 app.js 识别 wf.js 文件中定义的其他路由处理程序？

一个简单的 require 似乎不起作用。

Answer 1

如果你想把路由放在一个单独的文件中，例如routes.js，你可以这样创建routes.js文件：

module.exports = function(app){

    app.get('/login', function(req, res){
        res.render('login', {
            title: 'Express Login'
        });
    });

    //other routes..
}

然后你可以要求它从 app.js 以这种方式传递 app 对象：

require('./routes')(app);

看看这些示例：https://github.com/visionmedia/express/tree/master/examples/route-separation

Answer 2

在 Express 4.x 中，您可以获得路由器对象的实例并导入包含更多路由的另一个文件。您甚至可以递归地执行此操作，以便您的路由导入其他路由，从而允许您创建易于维护的 URL 路径。

例如，如果我的 /tests 端点已经有一个单独的路由文件，并且想要为 /tests/automated 添加一组新的路由，我可能想打破这些/automated 路由到另一个文件，以保持我的 /test 文件小且易于管理。它还允许您按 URL 路径将路由逻辑分组在一起，这非常方便。

./app.js 的内容：

var express = require('express'),
    app = express();

var testRoutes = require('./routes/tests');

// Import my test routes into the path '/test'
app.use('/tests', testRoutes);

./routes/tests.js 的内容：

var express = require('express'),
    router = express.Router();

var automatedRoutes = require('./testRoutes/automated');

router
  // Add a binding to handle '/tests'
  .get('/', function(){
    // render the /tests view
  })

  // Import my automated routes into the path '/tests/automated'
  // This works because we're already within the '/tests' route 
  // so we're simply appending more routes to the '/tests' endpoint
  .use('/automated', automatedRoutes);
 
module.exports = router;

./routes/testRoutes/automated.js 的内容:

var express = require('express'),
    router = express.Router();

router
   // Add a binding for '/tests/automated/'
  .get('/', function(){
    // render the /tests/automated view
  })

module.exports = router;

Answer 3

在 @ShadowCloud 的示例的基础上，我能够动态地将所有路由包含在子目录中。

routes/index.js

var fs = require('fs');

module.exports = function(app){
    fs.readdirSync(__dirname).forEach(function(file) {
        if (file == "index.js") return;
        var name = file.substr(0, file.indexOf('.'));
        require('./' + name)(app);
    });
}

然后将路由文件放入路由目录中，如下所示：

routes/test1.js

module.exports = function(app){

    app.get('/test1/', function(req, res){
        //...
    });

    //other routes..
}

根据需要重复多次，最后放入 >app.js 放置

require('./routes')(app);

Answer 4

如果您将 express-4.x 与 TypeScript 和 ES6 一起使用，这将是最好使用的模板：

src/api/login.ts

import express, { Router, Request, Response } from "express";

const router: Router = express.Router();
// POST /user/signin
router.post('/signin', async (req: Request, res: Response) => {
    try {
        res.send('OK');
    } catch (e) {
        res.status(500).send(e.toString());
    }
});

export default router;

src/app.ts

import express, { Request, Response } from "express";
import compression from "compression";  // compresses requests
import expressValidator from "express-validator";
import bodyParser from "body-parser";
import login from './api/login';

const app = express();

app.use(compression());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(expressValidator());

app.get('/public/hc', (req: Request, res: Response) => {
  res.send('OK');
});

app.use('/user', login);

app.listen(8080, () => {
    console.log("Press CTRL-C to stop\n");
});

比使用 var 和 module.exports 干净得多。

Answer 5

并在之前的答案的基础上进一步构建，此版本的routes/index.js将忽略任何不以.js（及其本身）结尾的文件

var fs = require('fs');

module.exports = function(app) {
    fs.readdirSync(__dirname).forEach(function(file) {
        if (file === "index.js" || file.substr(file.lastIndexOf('.') + 1) !== 'js')
            return;
        var name = file.substr(0, file.indexOf('.'));
        require('./' + name)(app);
    });
}

Answer 6

/routes 文件夹中所有 .js 文件的完全递归路由，将其放入 app.js 中。

// Initialize ALL routes including subfolders
var fs = require('fs');
var path = require('path');

function recursiveRoutes(folderName) {
    fs.readdirSync(folderName).forEach(function(file) {

        var fullName = path.join(folderName, file);
        var stat = fs.lstatSync(fullName);

        if (stat.isDirectory()) {
            recursiveRoutes(fullName);
        } else if (file.toLowerCase().indexOf('.js')) {
            require('./' + fullName)(app);
            console.log("require('" + fullName + "')");
        }
    });
}
recursiveRoutes('routes'); // Initialize it

在 /routes 中，放置 whatevername.js 并初始化路由，如下所示：

module.exports = function(app) {
    app.get('/', function(req, res) {
        res.render('index', { title: 'index' });
    });

    app.get('/contactus', function(req, res) {
        res.render('contactus', { title: 'contactus' });
    });
}

Answer 7

我正在尝试使用 "express": "^4.16.3" 更新此答案。这个答案与 ShortRound1911 的答案类似。

server.js：

const express = require('express');
const mongoose = require('mongoose');
const bodyParser = require('body-parser');
const db = require('./src/config/db');
const routes = require('./src/routes');
const port = 3001;

const app = new express();

//...use body-parser
app.use(bodyParser.urlencoded({ extended: true }));

//...fire connection
mongoose.connect(db.url, (err, database) => {
  if (err) return console.log(err);

  //...fire the routes
  app.use('/', routes);

  app.listen(port, () => {
    console.log('we are live on ' + port);
  });
});

/src/routes/index.js：

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

const siswaRoute = require('./siswa_route');

app.get('/', (req, res) => {
  res.json({item: 'Welcome ini separated page...'});
})
.use('/siswa', siswaRoute);

module.exports = app;

/src/routes/siswa_route.js：

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

app.get('/', (req, res) => {
  res.json({item: 'Siswa page...'});
});

module.exports = app;

Answer 8

如果您想要一个单独的 .js 文件来更好地组织您的路由，只需在 app.js 文件中创建一个变量，指向它在文件系统中的位置：

var wf = require(./routes/wf);

然后，

app.get('/wf', wf.foo );

其中 .foo 是在 wf.js 文件中声明的一些函数。例如

// wf.js file 
exports.foo = function(req,res){

          console.log(` request object is ${req}, response object is ${res} `);

}

Answer 9

对所有这些答案的一个调整是：

var routes = fs.readdirSync('routes')
      .filter(function(v){
         return (/.js$/).test(v);
      });

只需使用正则表达式通过测试数组中的每个文件来进行过滤。它不是递归的，但它会过滤掉不以 .js 结尾的文件夹

Answer 10

我知道这是一个老问题，但我试图为自己找出类似的问题，这就是我最终遇到的问题，所以我想将我的解决方案应用于类似的问题，以防其他人遇到与我相同的问题。我有。有一个很好的节点模块，名为 consign ，它可以完成许多可见的文件系统工作在这里为您提供（即 - 没有 readdirSync 的东西）。例如：

我有一个正在尝试构建的 Restful API 应用程序，我想将所有发送到 '/api/*' 的请求进行身份验证，并且我想将 api 中的所有路由存储到他们自己的目录（我们称之为“api”）。在应用程序的主要部分：

app.use('/api', [authenticationMiddlewareFunction], require('./routes/api'));

在路由目录内，我有一个名为“api”的目录和一个名为 api.js 的文件。在 api.js 中，我只是：

var express = require('express');
var router = express.Router();
var consign = require('consign');

// get all routes inside the api directory and attach them to the api router
// all of these routes should be behind authorization
consign({cwd: 'routes'})
  .include('api')
  .into(router);

module.exports = router;

一切都按预期工作。希望这对某人有帮助。

Answer 11

index.js

const express = require("express");
const app = express();
const http = require('http');
const server = http.createServer(app).listen(3000);
const router = (global.router = (express.Router()));
app.use('/books', require('./routes/books'))
app.use('/users', require('./routes/users'))
app.use(router);

路由/users.js

const router = global.router
router.get('/', (req, res) => {
    res.jsonp({name: 'John Smith'})
}

module.exports = router

路由/books.js

const router = global.router
router.get('/', (req, res) => {
    res.jsonp({name: 'Dreams from My Father by Barack Obama'})
}

module.exports = router

如果你的服务器在本地运行（http://localhost:3000），那么

// Users
curl --request GET 'localhost:3000/users' => {name: 'John Smith'}

// Books
curl --request GET 'localhost:3000/books' => {name: 'Dreams from My Father by Barack Obama'}

Answer 12

我为此编写了一个小插件！厌倦了一遍又一遍地编写相同的代码。

https://www.npmjs.com/package/js-file-req

希望有帮助。

Answer 13

您可以将所有路由功能放在其他文件（模块）中，并将其链接到主服务器文件。
在主express文件中，添加一个将模块链接到服务器的函数：

   function link_routes(app, route_collection){
       route_collection['get'].forEach(route => app.get(route.path, route.func));
       route_collection['post'].forEach(route => app.post(route.path, route.func));
       route_collection['delete'].forEach(route => app.delete(route.path, route.func));
       route_collection['put'].forEach(route => app.put(route.path, route.func));
   }

并为每个路由模型调用该函数：

link_routes(app, require('./login.js'))

在模块文件中（例如-login.js文件），照常定义函数：

const login_screen = (req, res) => {
    res.sendFile(`${__dirname}/pages/login.html`);
};

const forgot_password = (req, res) => {
    console.log('we will reset the password here')
}

并将其导出以请求方法作为键，值是一个对象数组，每个对象都有路径和功能键。

module.exports = {
   get: [{path:'/',func:login_screen}, {...} ],
   post: [{path:'/login:forgotPassword', func:forgot_password}]
};