深入理解nodejs中Express的中间件


Posted in NodeJs onMay 19, 2017

Express是一个基于Node.js平台的web应用开发框架,在Node.js基础之上扩展了web应用开发所需要的基础功能,从而使得我们开发Web应用更加方便、更加快捷。

举一个例子:

用node.js实现一个控制台打印“hello server”

var http = require('http');
var server = http.createServer(function(req,res){
 console.log("hello server");
});
server.listen(3000);

这样子的话,当我们需要处理各种请求(主要指GET、POST)时,我们需要将所有请求类型处理的代码写在createServer包裹的函数里。

用Express实现一个控制台打印“hello server”

var express = require('express');
var app = express();
http.createServer(app);
 
// 处理用户请求(路由)
app.get("/",function(){
 console.log("hello server");
})

Express处理各种请求是通过Express执行函数去调用对应的方法,这样是不是更加方便和快捷了。

Express的API文档完整易懂,2010-01-03陆续发布了几个版本,其中第三版和第四版差异比较大, 主要体现在第三版的中间件基本上都是继承了connect框架的,而第四版将中间件独立出来了,不在依赖connect框架。

说到中间件,官网对它的阐述是这样的:

“Express是一个自身功能极简,完全是路由和中间件构成一个web开发框架:从本质上来说,一个Express应用就是在调用各种中间件。”

由此可见,中间件在Express开发中的重要性,因此这里我们就专门来总结一下中间件。

一、中间件结构

1、app.use([path],function)

path:是路由的url,默认参数‘/',意义是路由到这个路径时使用这个中间件

function:中间件函数

这个中间件函数可以理解为就是function(request,response,next)

这里安装是指涉及到第三方中间件的使用时,需要先安装好,然后在使用。

二、中间件分类

1、内置中间件

 express.static 是Express目前唯一内置的一个中间件。用来处理静态资源文件。

什么意思了? 来run一下代码看看

// index.js
var express = require('express');
var app = express();
 
app.use(express.static(__dirname + '/public'));

启动服务: node index.js

浏览器中访问: http://localhost:1234/ 展示的/public/index.html内容

浏览器中访问: http://localhost:1234/hello.html 展示的/public/hello.html内容

2、自定义中间件

在上面中间件结构中,我们知道了,中间件使用时的第二个参数是一个Function,然而,要自定义一个中间件,就是倒腾一番这个Function。

这个function总共有三个参数(req,res,next);

当每个请求到达服务器时,nodejs会为请求创建一个请求对象(request),该请求对象包含客户端提交上来的数据。同时也会创建一个响应对象(response),响应对象主要负责将服务器的数据响应到客户端。而最后一个参数next是一个方法,因为一个应用中可以使用多个中间件,而要想运行下一个中间件,那么上一个中间件必须运行next()。

好了,有了一个大概的了解,下面我定义一些中间件来实现一个路由功能。

var express = require('express');
var app = express();
 
app.use(function(request,response,next){
 if(request.url === '/'){
  response.writeHead(200,{"Content-Type":"text/plain"});
  response.end("This is home\n");
 } else {
  next();
 }
})
app.use(function(request,response,next){
 if(request.url === '/about'){
  response.writeHead(200,{"Content-Type":"text/plain"});
  response.end("This is about\n");
 } else {
  next();
 }
})
app.use(function(request,response,next){
 response.writeHead(404,{"Content-Type":"text/plain"});
 response.end("404 not found!\n");
})
app.listen(1234,'localhost');

浏览器中访问: http://localhost:1234/ 展示This is home

浏览器中访问: http://localhost:1234/about 展示This is about

这样看是不是使用中间件很轻松就实现了路由的功能,当然,有关Express的路由可以专门拿出来写写,哈哈。

3、第三方中间件

有关第三方中间件,这里我们分析几个比较重要和常用的,知道这几个的使用,其它的也就会了。

body-parser :解析body中的数据,并将其保存为Request对象的body属性。

cookie-parser :解析客户端cookie中的数据,并将其保存为Request对象的cookie属性

express-session :解析服务端生成的sessionid对应的session数据,并将其保存为Request对象的session属性

query:这个中间件将一个查询字符串从URL转换为JS对象,并将其保存为Request对象的query属性。这个中间件在第四个版本中已经内置了无需安装。

下面来一个例子,功能是:用户可否登录和在服务端保存登录态。

var express = require('express');
// 引入模板引擎
var hbs = require('express-handlebars');
var bodyParser = require('body-parser');
var session = require('express-session');
 
var app = express();
 
// hbs是一个模板引擎
app.engine('hbs',hbs());
app.set('view engine','hbs');
app.set('views','templates');
 
// 数据库读出来的数据
var userArr = ['wpzheng'];
 
app.use(session({secret:'maizidu'}));
app.use(bodyParser.urlencoded({extended:true}));
 
app.get('/', function(request,response,next){
 var username = request.session.username;
 if(username){
  response.send("hello" + username);
 }else{
  response.render('form');
 }
});
 
app.post('/', function(request,response){
  if(userArr.indexOf(request.body.username)>=0){
   request.session.username = request.body.username;
  }else{
   request.session.destroy();
  }
    // response对象的一个方法 重定向作用
  response.redirect('/');
});
app.listen(1234,'localhost');

如果session没有保存数据(测试时可以将服务关闭,session就没有值了,每次向服务器发送请求时,服务会创建一个新的session),就会自动跳到登录页面。当已登录过(也就是说有session值),就直接显示username。

这个例子涉及到模板(hbs)和response的方法(redirect)可以先不管。

三、中间件理解

写到最后了,回到最开始的问题,你是否理解了什么是Express中间件?

结合上面讲解时给出的例子,我们先来分析一下从浏览器地址栏输入url到客户端显示数据之间这个过程到底发生了什么。

深入理解nodejs中Express的中间件

浏览器向服务器发送一个请求后,服务器直接通过request.定位属性的方式得到通过request携带过去的数据(有用户输入的数据和浏览器本身的数据信息)。这中间就一定有一个函数将这些数据分类做了处理,已经处理好了,最后让request对象调用使用,对的,这个处理数据处理函数就是我们要说的 中间件 。由此可见,中间件可以总结以下几点:

1、封装了一些处理一个完整事件的功能函数。

2、非内置的中间件需要通过安装后,require到文件就可以运行。

3、封装了一些或许复杂但肯定是通用的功能。

以上所有代码下载:https://github.com/wenpingzheng/express-js.git

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

NodeJs 相关文章推荐
nodejs的10个性能优化技巧
Jul 15 NodeJs
使用Nodejs开发微信公众号后台服务实例
Sep 03 NodeJs
详解Nodejs的timers模块
Dec 22 NodeJs
nodejs基础应用
Feb 03 NodeJs
使用nodejs下载风景壁纸
Feb 05 NodeJs
nodejs简单实现TCP服务器端和客户端的聊天功能示例
Jan 04 NodeJs
nodejs 生成和导出 word的实例代码
Jul 31 NodeJs
Nodejs中的JWT和Session的使用
Aug 21 NodeJs
Nodejs实现多文件夹文件同步
Oct 17 NodeJs
NodeJS读取分析Nginx错误日志的方法
May 14 NodeJs
nodejs中使用archive压缩文件的实现代码
Nov 26 NodeJs
如何利用nodejs实现命令行游戏
Nov 24 NodeJs
nodejs批量下载图片的实现方法
May 19 #NodeJs
nodejs制作爬虫实现批量下载图片
May 19 #NodeJs
详解Windows下安装Nodejs步骤
May 18 #NodeJs
nodejs+websocket实时聊天系统改进版
May 18 #NodeJs
nodejs6下使用koa2框架实例
May 18 #NodeJs
Nodejs中使用captchapng模块生成图片验证码
May 18 #NodeJs
详解使用nodeJs安装Vue-cli
May 17 #NodeJs
You might like
咖啡的种类和口感
2021/03/03 新手入门
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
探索Vue.js component内容实现
2016/11/03 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
Python使用shelve模块实现简单数据存储的方法
2015/05/20 Python
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
解决PyCharm不运行脚本,而是运行单元测试的问题
2019/01/17 Python
python调用支付宝支付接口流程
2019/08/15 Python
Python实现代码统计工具
2019/09/19 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
2015年客房服务员工作总结
2015/05/15 职场文书
Matlab求解数组中的最大值及它所在的具体位置
2021/04/16 Python
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技