要了解Router我们需要先知道到Application,首先,每一个express实例本身内部就内建了router,所以我们先从简单的下手,先使用application;另外这里我们只选择get方法,作为我们Router.Method, 之所以使用get是因为它足够简单;
精确匹配形式
1. get有很多种用法
var express = require("express"); var app = express(); app.get("/example/c",function(req, res){ res.send("Your url is /example/c"); }); app.listen(3000); 2. 参数形式 var express = require("express"); var app = express(); app.get('/user/:userid',function(req, res){ res.send(req.params.userid); }); app.listen(3000,function(){console.log("server is listening on port 3000")});
参数形式另外的高级应用
3. 正则表达式的形式
var express = require('express'); var app = express(); app.get(/example/,function(req, res){ res.send('it is use regular expression'); }); app.listen(3000);
4. 神秘的参数 next var express = require('express'); var app = express(); var func1 = function(req, res, next){ console.log("this is first func"); next(); } var func2 = function(req, res, next){ //不能这么写,因为这样就相当于后面有设置了一遍head //res.send("this second func"); console.log("this is second func"); next(); } var func3 = function(reg,res){ console.log("this is thrid func"); res.send("this is in the func3, end"); } //使用方式1 app.get("/example/",func1,func2,func3); //使用方式2 app.get("/example/",[func1,func2,func3]);
匹配好之后就是res
res也有很多种形式
比如jsonp
var express = require('express'); var app = express(); app.get('/example/defaultCallback?callback=foo',function(req, res){ res.jsop({"message":"this is default callback"}); }); app.get('/example/customizeCallback?cb=foo2',function(req, res){ app.set("jsonp callback name", 'cb'); res.jsonp({"message":"this is customize callback"}); }) app.listen(3000);默认情况下:http://localhost:3000/example/b?callback=foo
指定情况下:http://localhost:3000/example/c?cb=foo2
比如redirect
app.get("/example/d", function(req, res) { var ua = req.get("user-agent"); if (!!ua && ua.toLowerCase().match(/android|ipad|iphone|ipod/)) { console.log("this is mb"); res.redirect("http://m.browser.baidu.com/mb"); } else { console.log("This is pc"); res.redirect("http://m.browser.baidu.com/pc"); } });http://localhost:3000/example/d
在chrome里面,打开开发者模式,切换模拟器。
参数形式高级应用
var express = require('express'); var app = express(); app.get('/user/:userage/:userid', function(req, res, next) { console.log("in get method: userid:", req.params.userid); console.log("in get method: userage:", req.params.userage); next(); }); app.param("userage", function(req, res, next, value, key) { console.log("in param key:", key); console.log("in param value:", value); next(); }); app.param("userid", function(req, res, next, value, key) { console.log("in param key:", key); console.log("in param value:", value); next(); }); app.get('/user/:userid/:userage', function(req, res, next) { res.send("userid and userage are:", req.params.userid, req.params.userage); }); app.listen(3000);
前后顺序与app.param的顺序无关,只与
app.get('/user/:userage/:userid', function(req, res, next) 的顺序有关。
OK,Application基本学习完毕了,我们就来说一下Router,其实没有什么大不同,基本上是一致的。
Router有几种参数形式:
1. function(func){}
2. function(url, function){}
第1种主要是针对于这个路由下的所有情况,都会使用经过这个回调函数的处理。
第2种情况是针对于这个路由下的指定的地址,才会触发回调函数的处理。
以下上干货:
var express = require("express"); var app = express(); var router = express.Router(); router.use(function(req, res, next) { console.log('%s %s %s', req.method, req.url, req.path); next(); }); router.use(express.static(__dirname + "/bar"), function(req, res, next) { next(); }); router.use(function(req, res) { res.send("Hello world"); }); app.use('/foo', router); app.listen(3000);因为在app.use中已经制定了父级目录的地址,所以router只需要针对自己目录进行处理即可。
本文涉及的学习资源来源于
http://expressjs.com/en/4x/api.html#router.METHOD
