Express 入门之Router - worldtree_keeper的专栏 - CSDN博客
要了解Router我們需要先知道到Application，首先，每一個(gè)express實(shí)例本身內(nèi)部就內(nèi)建了router，所以我們先從簡單的下手，先使用application；另外這里我們只選擇get方法，作為我們Router.Method, 之所以使用get是因?yàn)樗銐蚝唵?#xff1b;
?
精確匹配形式
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. 參數(shù)形式
?
?
?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")});
?
參數(shù)形式另外的高級(jí)應(yīng)用
?
3. 正則表達(dá)式的形式
?
?var express = require('express');
var app = express();
app.get(/example/,function(req, res){
res.send('it is use regular expression');
});
app.listen(3000);
?
?
?
4.? 神秘的參數(shù) 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){
//不能這么寫，因?yàn)檫@樣就相當(dāng)于后面有設(shè)置了一遍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);
默認(rèn)情況下：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里面，打開開發(fā)者模式，切換模擬器。
?
參數(shù)形式高級(jí)應(yīng)用
?
?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的順序無關(guān)，只與
app.get('/user/:userage/:userid', function(req, res, next) 的順序有關(guān)。
?
OK，Application基本學(xué)習(xí)完畢了，我們就來說一下Router，其實(shí)沒有什么大不同，基本上是一致的。
Router有幾種參數(shù)形式：
1. function(func){}
2. function(url, function){}
第1種主要是針對(duì)于這個(gè)路由下的所有情況，都會(huì)使用經(jīng)過這個(gè)回調(diào)函數(shù)的處理。
第2種情況是針對(duì)于這個(gè)路由下的指定的地址，才會(huì)觸發(fā)回調(diào)函數(shù)的處理。
以下上干貨：
?
?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);
?
?
因?yàn)樵赼pp.use中已經(jīng)制定了父級(jí)目錄的地址，所以router只需要針對(duì)自己目錄進(jìn)行處理即可。
?
?
?
?
本文涉及的學(xué)習(xí)資源來源于
http://expressjs.com/en/4x/api.html#router.METHOD
總結(jié)
以上是生活随笔為你收集整理的Express 入门之Router - worldtree_keeper的专栏 - CSDN博客的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 小数形式与科学计数法转换c语言,BUAA
- 下一篇： 51单片机中断检测回复http://ww