Express学习(2) ------ 中间件
TJ Holowaychuck 将 “中间件”描述为易于挂载和调用的模块,可以“无序”使用,并有利于应用的快速开发。
1, 中间件是一个模块。在js中,模块意味着函数,所以中间件是一个函数。那么这个函数长什么样子? 这还要从中间件的功能说起,它拦截http 服务器提供的请求和响应对象,执行逻辑,然后或者结束响应,或者把它传递给下一个中间件组件。
- 拦截http服务器提供的请求和响应对象,这表明它必须接受两个参数: 请求对象(req),响应对象(res),就是http.createServer回调函数中的两个参数;
- 执行逻辑,就是在函数内对请求和响应对象进行操作;
- 或者把它传递给下一个中间件组件,那么它还有一个可选的参数, next, 它是一个回调函数,在函数内部调用,就表示这个组件已经完成了它的工作,可以执行下一个中间件了。
根据描述,创建两个简单的中间件:logger将请求输出到控制台中,hello用hello world 作为请求的响应。
// logger中件间,有next参数 let logger =function(req,res,next){ console.log(req.url); next(); } // hello 中间件,没有next 参数。 let hello = function(req,res){ res.setHeader(200, {"content-type": "text/html"}); res.end("hello world"); }
2, 中间件的使用。
新建node 文件夹, npm init -y快速创建package.json文件。npm install express --save 安装express. 创建index.js 文件如下
let express = require("express"); // 引入express let app = express(); // connect() 创建服务器。 // logger中件间,有next参数 let logger =function(req,res,next){ console.log(req.url); next(); } // hello 中间件,没有next 参数。 let hello = function(req,res){ res.writeHeader(200, {"content-type": "text/html"}); res.end("hello world"); } // use使用中间件 app.use(logger); app.use(hello); app.listen(8080)
这时调用cmd命令窗口,输入node index 启动服务器,浏览器中输入localhost:8080, 可以看到hello world,同时控制台中输出 /. 我们用中间件的方式重写了hello world 程序。
3, 中间件使用的有序和无序
中间件可以无序地使用,app.use(logger) 和app.use(hello) 调换一下位置试一下。
// use使用中间件 app.use(hello); app.use(logger); app.listen(8080)
重启node 服务器,可以看到页面中仍然有hello world, 我们的程序仍然是正常运行的。但是我们的控制台中没有任何输出,logger 没有起作用,这很好理解,因为hello函数中没有next 方法,当它里面的逻辑执行完以后,就不能执行下一个中间件了。这也表明中间件的顺序非常重要。
还有一个是错误处理,如果一个中间件中存在错误,那么它就会简单地向下传递,如果最生一个中间件还是没有处理,它就会一直存在,所以一般错误处理中间件都是放到最后,如果有任何错误,都会进行处理,不会使程序崩溃。
总结:虽然中间件可以无序的使用,但是我们必须给它规化好顺序,让它按照我们指定的顺序依次执行,以达到我们想要的效果。
4, 中间件的挂载。
以上说的都是中间件的易于调用,这里说一下中间件的挂载。所谓挂载,就是在使用中间件的时候,在它前面添加一个路径,只有在请求的url 中带有此路径,才会调用这个中间件,那么app.use 方法就需要接受两个参数,第一个参数就是路径,第二个参数就是中间件,如 app.use("admin", admin) 添加一个admin 中间件
// admin 中间件,只有在admin路径下才可以调用 let admin = function(req,res){ switch (req.url){ case '/': res.end("try user") break; case '/user' : res.end("hello user"); break; } }
// use使用中间件
app.use(logger);
app.use('/admin',admin); // admin 中间件挂载到路径下。
app.use(hello);
app.listen(8080)
这时在浏览器地址栏中输入localhost:8080, 可以看到hello world,证明并没有执行admin中间件。当输入localhost:8080/admin时,可以看到try user ,表明它执行了admin中间件,且是第一个case, 再输入localhost:8080/admin/user,可以看到 hello user. 它还是执行了admin 中间件,第二个case. 挂载,就是给这个中间件定义一个路径,只有在访问该路径的时候,它才执行。
5, 创建可以配置的中间件,使它更加通用和重用,有利于应用程序的快速开发。
为了创建可以配置的中间件,中间件都会遵循一个原则:用函数去返回中间件函数,就是我们上面写的中间件比如logger 要包在一个函数里面,使用中间件的时候,要用到函数的调用来返回这个中间件。
function logger (format) { let regexp = /:(\w+)/g; return function(req,res, next) { let str = format.replace(regexp, function(match,property){ return req[property] }) console.log(str); next(); } }// logger 中间件调用app.use(logger(":url"));
可以看到程序仍然可以正常运行。 为了重用更加彻底,我们可以把这个函数放到一个js文件中, 然后暴露出来,做成真正的模块。
Express学习(2) ------ 中间件的更多相关文章
- express学习(三)—— cookie和session
express学习(三)-- cookie和session cookie存在浏览器中,最大只能保存4K数据,不安全 session存在服务器中,不能独立(先读取cookie再读取session),较安 ...
- express-13 中间件
简介 从概念上讲,中间件是一种功能的封装方式,具体来说就是封装在程序中处理HTTP请求的功能. 中间件是在管道中执行的,在Express程序中,通过调用app.use向管道中插入中间件.(在Expre ...
- Express 学习笔记纯干货(Routing、Middleware、托管静态文件、view engine 等等)
原始文章链接:http://www.lovebxm.com/2017/07/14/express-primer/ 1. Express 简介 Express 是基于 Node.js 平台,快速.开放. ...
- Express学习(1) ------Express 入门
Express 是node 第三方框架,大家都知道,框架的意义就在于能大大简化程序地开发.那么我们就看一下Express是怎么简化node程序开发的. 1,用Express写一个hello world ...
- 理解express中的中间件
express是轻量灵活的node.js Web应用框架”.它可以帮助你快速搭建web应用.express是一个自身功能极简,完全是由**路由**和**中间件**构成的一个web开发框架,本质上说,一 ...
- 对于Node中Express框架的中间件概念的感知
中间件是什么呢? 中间件就是客户端http请求发起传送到服务器和服务器返回响应之间的一些处理函数. 为什么要使用中间件? 通过中间件,可以对数据进行操作使得我们能方便地操作请求数据编写服务器响应.如b ...
- express学习(二)—— Post()类型和中间件
1.数据:GET.POST 2.中间件:使用.写.链式操作 GET-无需中间件 req.query POST-需要"body-parser" server.use(bodyPars ...
- express学习点滴- session()和cookieSession()的区别
express 里提供了两种有关session的中间件 * session() 提供了内存和数据库两种方式保存session.具体两种session原理请自行学习,不进行展开了.自己也是一知半解... ...
- express学习-express搭建后台
前言:本文是纯用node express做一个后端服务的教程,并不等同于express官网的入门教程,本文也并不涉及任何高级的Node服务端性能优化等知识. 本文是在已经看过express官方入门指南 ...
随机推荐
- Generative Adversarial Nets[Pre-WGAN]
本文来自<towards principled methods for training generative adversarial networks>,时间线为2017年1月,第一作者 ...
- PIL、Pillow安装使用方法
PIL(Python Imaging Library)是Python常用的图像处理库,而Pillow是PIL的一个友好Fork,提供了了广泛的文件格式支持,强大的图像处理能力,主要包括图像储存.图像显 ...
- koa入门
创建koa2工程 首先初始化项目 npm init -y 项目名称 安装koa $ npm i koa 我们创建一个目录hello-koa并作为工程目录用VS Code打开.然后,我们创建app.js ...
- H5 57-文章界面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 用python实现一个回文数
判断一个整数是否是回文数.回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数. 示例 1: 输入: 121 输出: true 示例 2: 输入: -121 输出: false 解释: 从左向 ...
- elasticsearch数据输入和输出
Elastcisearch 是分布式的 文档 存储.它能存储和检索复杂的数据结构–序列化成为JSON文档–以 实时 的方式. 换句话说,一旦一个文档被存储在 Elasticsearch 中,它就是可以 ...
- PS 制作彩色烟雾
- HTTP协议,Http 常用状态码
一.HTTP协议-Request HTTP报文是面向文本的,报文中的每一个字段都是一些ASCII码串,各个字段的长度是不确定的.HTTP有两类报文:请求报文和响应报文. 1.1 HTTP请求报 ...
- centos6.7用yum安装redis解决办法及IP限制配置
在centos6.7用yum安装redis解决办法 - bluesky1 - 博客园 http://www.cnblogs.com/lanblogs/p/6104834.html yum instal ...
- Python3练习题 018:打印星号菱形
Python的内置方法 str.center(width [, fillchar]) 就能轻而易举打印出来:str即是数量不等的星号,width即是最大宽度(7个空格),默认填充字符fillchar就 ...