Express的路由详解


Posted in Javascript onDecember 10, 2015

路由

路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。

路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback...], callback), app 是 express 对象的一个实例, METHOD 是一个 HTTP 请求方法, path 是服务器上的路径, callback 是当路由匹配时要执行的函数。

下面是一个基本的路由示例:

var express = require('express');
var app = express();
// respond with "hello world" when a GET request is made to the homepage
app.get('/', function(req, res) {
 res.send('hello world');
});

路由方法

路由方法源于 HTTP 请求方法,和 express 实例相关联。

下面这个例子展示了为应用跟路径定义的 GET 和 POST 请求:

// GET method route
app.get('/', function (req, res) {
 res.send('GET request to the homepage');
});
// POST method route
app.post('/', function (req, res) {
 res.send('POST request to the homepage');
});

Express 定义了如下和 HTTP 请求对应的路由方法: get, post, put, head, delete, options, trace, copy, lock, mkcol, move, purge, propfind, proppatch, unlock, report, mkactivity, checkout, merge, m-search, notify, subscribe, unsubscribe, patch, search, 和 connect。

有些路由方法名不是合规的 JavaScript 变量名,此时使用括号记法,比如: app['m-search']('/', function ...
app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。

在下面的例子中,来自 “/secret” 的请求,不管使用 GET、POST、PUT、DELETE 或其他任何 http 模块支持的 HTTP 请求,句柄都会得到执行。

app.all('/secret', function (req, res, next) {
 console.log('Accessing the secret section ...');
 next(); // pass control to the next handler
});

路由路径

路由路径和请求方法一起定义了请求的端点,它可以是字符串、字符串模式或者正则表达式。

Express 使用 path-to-regexp 匹配路由路径,请参考文档查阅所有定义路由路径的方法。 Express Route Tester 是测试基本 Express 路径的好工具,但不支持模式匹配。
查询字符串不是路由路径的一部分。

使用字符串的路由路径示例:

// 匹配根路径的请求
app.get('/', function (req, res) {
 res.send('root');
});
// 匹配 /about 路径的请求
app.get('/about', function (req, res) {
 res.send('about');
});
// 匹配 /random.text 路径的请求
app.get('/random.text', function (req, res) {
 res.send('random.text');
});
使用字符串模式的路由路径示例:
// 匹配 acd 和 abcd
app.get('/ab?cd', function(req, res) {
 res.send('ab?cd');
});
// 匹配 abcd、abbcd、abbbcd等
app.get('/ab+cd', function(req, res) {
 res.send('ab+cd');
});
// 匹配 abcd、abxcd、abRABDOMcd、ab123cd等
app.get('/ab*cd', function(req, res) {
 res.send('ab*cd');
});
// 匹配 /abe 和 /abcde
app.get('/ab(cd)?e', function(req, res) {
 res.send('ab(cd)?e');
});

字符 ?、+、* 和 () 是正则表达式的子集,- 和 . 在基于字符串的路径中按照字面值解释。
使用正则表达式的路由路径示例:

// 匹配任何路径中含有 a 的路径:
app.get(/a/, function(req, res) {
 res.send('/a/');
});
// 匹配 butterfly、dragonfly,不匹配 butterflyman、dragonfly man等
app.get(/.*fly$/, function(req, res) {
 res.send('/.*fly$/');
});

路由句柄

可以为请求处理提供多个回调函数,其行为类似 中间件。唯一的区别是这些回调函数有可能调用 next('route') 方法而略过其他路由回调函数。可以利用该机制为路由定义前提条件,如果在现有路径上继续执行没有意义,则可将控制权交给剩下的路径。

路由句柄有多种形式,可以是一个函数、一个函数数组,或者是两者混合,如下所示.

使用一个回调函数处理路由:

app.get('/example/a', function (req, res) {
 res.send('Hello from A!');
});

使用多个回调函数处理路由(记得指定 next 对象):

app.get('/example/b', function (req, res, next) {
 console.log('response will be sent by the next function ...');
 next();
}, function (req, res) {
 res.send('Hello from B!');
});

使用回调函数数组处理路由:

var cb0 = function (req, res, next) {
 console.log('CB0');
 next();
}
var cb1 = function (req, res, next) {
 console.log('CB1');
 next();
}
var cb2 = function (req, res) {
 res.send('Hello from C!');
}
app.get('/example/c', [cb0, cb1, cb2]);

混合使用函数和函数数组处理路由:

var cb0 = function (req, res, next) {
 console.log('CB0');
 next();
}
var cb1 = function (req, res, next) {
 console.log('CB1');
 next();
}
app.get('/example/d', [cb0, cb1], function (req, res, next) {
 console.log('response will be sent by the next function ...');
 next();
}, function (req, res) {
 res.send('Hello from D!');
});

响应方法

下表中响应对象(res)的方法向客户端返回响应,终结请求响应的循环。如果在路由句柄中一个方法也不调用,来自客户端的请求会一直挂起。

Javascript 相关文章推荐
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
使用pjax实现无刷新更改页面url
Feb 05 Javascript
js使用post 方式打开新窗口
Feb 26 Javascript
简单学习vue指令directive
Nov 03 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
JS实现带动画的回到顶部效果
Dec 28 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
vue实现pdf文档在线预览功能
Nov 26 Javascript
JavaScript中变量提升和函数提升的详解
Aug 07 Javascript
在 Express 中使用模板引擎
Dec 10 #Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 #Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 #Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 #Javascript
详解AngularJS中module模块的导入导出
Dec 10 #Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
Dec 10 #Javascript
Spring mvc 接收json对象
Dec 10 #Javascript
You might like
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
非常精妙的PHP递归调用与静态变量使用
2012/12/16 PHP
Laravel 5 学习笔记
2015/03/06 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
用Juery网页选项卡实现代码
2011/06/13 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
基于JS代码实现实时显示系统时间
2016/06/16 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
深入理解Nodejs Global 模块
2017/06/03 NodeJs
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
简单的三步vuex入门
2018/05/20 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
详解如何在vue-cli中使用vuex
2018/08/07 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
python实现的文件夹清理程序分享
2014/11/22 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
Python中逗号的三种作用实例分析
2015/06/08 Python
Python字符串对象实现原理详解
2019/07/01 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
Python 元组拆包示例(Tuple Unpacking)
2019/12/24 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
HTML5录音实践总结(Preact)
2020/05/07 HTML / CSS
本科毕业生自荐信
2014/05/26 职场文书