【深入浅出express】- express入门01

简介

Express是目前流行的基于Node.js的Web开发框架,提供各种模块,可以快速地搭建一个具有完整功能的网站。

中间件

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

“Express是一个自身功能极简,完全是路由和中间件构成一个web开发框架:从本质上来说,一个Express应用就是在调用各种中间件。” 由此可见,中间件在Express开发中的重要性,因此这里我们就专门来总结一下中间件。 首先来一个例子:

app.use('/water', function(req, res, next) {
    console.log(`过滤石头`);
    req.stone = 'too big';
    next();
})
app.use('/water', function(req, res, next) {
    console.log(`过滤沙子`);
    req.stone = 'too big';
    next();
})
app.get('/water', function(req, res) {
    console.log(req.stone); //这里的req和上面的中间件是同一个
    res.end('water');
})
复制代码

上面每一个app.use()都是一个中间件,如果我们访问/water这个路由,首先会经过上面的两个中间件,第一个中间件给req.stone加了一个属性,第二个中间件也给req.stone加了一个属性,在最后/water路由里面我们打印一下req.stone,结果显示的是‘too big’,所以上面两个中间件和下面的路由共用一个req 。

举个例子,如果我们想从浑水中得到清水,我们需要几步过滤,过滤沙子,过滤石头。。。 如果访问/water这个路由我们就可以得到清水,那么上面的几个中间件就是过滤器,第一个是过滤石头的,第二个是过滤沙子的。 从上面的代码外面可以得出几个中间件的特点: 必须放到处理特定路由的上面 每个中间件的参数和他们对应的路由的参数是同一个 说了那么多,下面外面正式说一下中间件吧!

一、中间件结构

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'));
复制代码
2.自定义中间件

自定义中间件就是我们自己写的中间件。 在上面中间件结构中,我们知道了,中间件使用时的第二个参数是一个Function,然而,要自定义一个中间件,就是倒腾一番这个Function,这个function有三个参数(req,res, next)

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

3、第三方中间件

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

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

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

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

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


错误中间件

错误中间件参数有四个,放在代码的最后面,next()如果传了参数直接走错误的中间件

app.use(function(err, req, res, next) {
    console.log('err');
})
复制代码
全匹配的中间件
app.use(function(req, res, next) {
    console.log('err');
})
复制代码

像这种参数只有一个函数的中间件可以匹配全部的路由

未完待续,敬请期待。。。

转载于:https://juejin.im/post/5c492596e51d4526a76e0d42

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值