如何使用express.js配置动态路由
How to configure dynamic routes with express.js
我有一个route.js,它看起来像这样:
module.exports = function(app) {
app.get('/tip', function(req, res) {
res.render("tip");
});
app.get('/article', function(req, res) {
res.render("article");
});
app.get('/article1', function(req, res) {
res.render("article1");
});
app.get('/article2', function(req, res) {
res.render("article2");
});
app.get('/article3', function(req, res) {
res.render("article3");
});
app.get('/modules/:name', function(req, res) {
var name = req.params.name;
res.render('modules/' + name);
});
app.get('/modules/esaver/:name', function(req, res) {
var name = req.params.name;
res.render('modules/esaver/' + name);
});
};
考虑到我有200多条不同的路线要创建,我最终会得到像"article1"、"article2"等
我的app.js就像:
var express = require('express')
,http = require('http')
,fs = require('fs')
,path = require('path');
var app = express();
html_templates = __dirname + '/html_templates';
app.set('views', html_templates + '/views');
app.set('view engine', 'jade');
app.use('/Core', express.static(__dirname + '/Core'));
app.listen(3000, function () {
console.log("express has started on port 3000");
});
require('./html_templates/controller/routes.js')(app);
有什么动态的方法来创建这个吗?
我会做与/modules/:name
相同的事情
app.get('/article/:id', function(req , res){
res.render('article' + req.params.id);
});
从休息的角度来看,这会更有意义。
如果你因为任何特殊原因无法做到这一点,你可能想做一些类似的事情:
var articlesEndpoints = ['/article2', '/article3'];
articlesEndpoints.forEach(function(name) {
app.get(name, function(req, res) {
res.render(name);
});
});
这就是你的意思吗?
终于开始工作了。。
在我得到的情况下,文章1,文章2等:
app.get('/:name(article|article2|article3)?', function(req, res) {
var name = req.params.name;
res.render(name);
});
在我得到多级url的情况下,我创建了一个自定义函数:
function geturl(url) {
app.get('/' + url + '/' + ':name', function(req, res){
var name = req.params.name;
res.render(url + '/' + name);
});
};
有很多方法可以实现动态快速路由。这在很大程度上取决于你在项目中实现的结构,这里我留下一个动态路由的例子,我希望它会有用。
RouterService.js
module.exports = (function(myCustomRoutes) {
let express = require('express');
let router = express.Router();
let methods = Object.keys(myCustomRoutes); // getting methods ('get', 'post'... etc)
let routesMethod = null;
let url = null;
for(i in methods) {
routesMethod = Object.keys(myCustomRoutes[methods[i]]);
for(j in routesMethod) {
url = '/' + routesMethod[j];
url += '/:' + myCustomRoutes[methods[i]][routesMethod[j]].params.join('/:');console.log(url);
router[methods[i]](url, myCustomRoutes[methods[i]][routesMethod[j]].controller);
}
}
return router;
})();
CustomRoutes.js
module.exports = (function() {
let routes = {get: {}, post: {}};
let routerService = require('./RouterService');
// GET: /dynamic1
routes.get.dynamic1 = {
params: [],
controller: function(req, res, next) {
res.send('route 1');
}
};
// GET: /dynamic2/:param1
routes.get.dynamic2 = {
params: [':param1'],
controller: function(req, res, next) {
res.send('route 2');
}
};
// POST: /dynamic3/:param1/:param1
routes.post.dynamic3 = {
params: ['param1', 'param2'],
controller: function(req, res, next) {
res.send('route 3');
}
};
/*
* Export a router with paths
* GET: /dynamic1
* GET: /dynamic2/:param1
* POST: /dynamic3/:param1/:param1
**/
return routerService(routes);
})();
app.js
let express = require('express');
let app = express();
/*
* Option 1
* GET: /dynamic1
* GET: /dynamic2/:param1
* POST: /dynamic3/:param1/:param1
**/
app.use(require('CustomRoutes')());
/*
* Option 2
* GET: /api/v1/dynamic1
* GET: /api/v1/dynamic2/:param1
* POST: /api/v1/dynamic3/:param1/:param1
**/
app.use('/api/v1', require('CustomRoutes')());
以下是我在控制哪些API允许访问哪些方法时创建动态API所做的工作。要从现在起维护API,只需编辑API数组即可。
const APIs = [
{
route: 'order',
methods: ['get', 'post']
},
{
route: 'item',
methods: ['get']
},
]
APIs.forEach(api => {
api.methods.forEach(method => {
app[method]('/' + api.route, (req, res) => require('./routes/' + api.route)[method](req, res))
})
})
以下是其他几个解决方案:
app.get(^'/article('d{1,3})?'/?$, function(req, res, next) {
var n;
if (req.params[0])
n = parseInt(req.params[0], 10);
if (!n || (n > 0 && n < 900))
res.render('article' + (n ? n : ''));
else
next();
});
或者使用app.all
作为第一个解决方案,或者使用通用中间件:
app.use(function(req, res, next) {
var m = ^'/article('d{1,3})?'/?$.exec(req.url);
if (m) {
var n;
if (m[0])
n = parseInt(m[0], 10);
if (!n || (n > 0 && n < 900))
return res.render('article' + (n ? n : ''));
}
next();
});
我创建了一个名为:jadewalker的新模块。它将自动创建路由器代码。
我们可以简单地将jadewalker
注释添加到您的jade
或pug
文件中。
//- jadewalker=/b,/b/:id
doctype html
html
title b.jade
body
p b.jade
p params: #{params.id}
并将此模块添加到我们的app
中。仅此而已。
var app = require('koa')()
var router = require('koa-router')();
router = require('jadewalker')(router, path.join(__dirname, 'views'));
app.use(router.routes());
我们可以通过URL http://localhost:3000/b/abc
访问我们的翡翠文件。
这是我的项目的工作
routesPath = path.join(__dirname, 'routes');
fs.readdirSync(routesPath).forEach(function(file) {
require(routesPath + '/' + file)(app);
});
相关文章:
- 尝试使用Node.js动态路由从IMDB中抓取电影内容.但是在我的output.json文件中没有定义
- 在angularjs中动态路由url路径
- express js中具有不同功能的动态路由
- angular ui:ui路由器动态路由和状态
- Slick Carousel在应用程序动态路由的基础上不起作用
- 动态路由PHP&AngularJS
- AngularJs 中的动态路由
- AngularJS - 使用 UI-Router 进行动态路由
- 具有动态路由和动态依赖性的角度模块化
- Expressjs 动态路由问题
- 在 AngularJS 中设置具有动态路由和模板的 12 个产品页面的最佳方式
- 角度JS和动态路由问题
- 动态路由中使用的空数组模型
- 使用$routeProvider进行动态路由和编译角度代码
- 创建动态路由时出现余烬错误
- 流星流路由是否可以接受动态路由的任何参数
- 动态路由和具有ng级的控制器
- Ember.js过滤来自动态路由的数据
- Node.js中的动态路由
- 节点中具有express框架的动态路由