中间件的分类

中间件的分类

为了方便大家理解和记忆中间件的使用，Express官方把常见的中间件用法，分成了5大类，分别是：
①：应用级别的中间件
②：路由级别的中间件
③：错误级别的中间件
④：Express内置的中间件
⑤：第三方的中间件

应用级别的中间件

通过app.use()或app.get()或app.post(),绑定到app实例上的中间件，叫做响应级别的中间件，示例：

//应用级别的中间件（全局中间件）
app.use((req,res,next)=>{
next()
})
//应用级别的中间件（局部中间件）
app.get('/', mw1, (req, res) => {
  res.send('Home page.')
})

路由级别的中间件

绑定到express.Router()实例上的中间件，叫做路由级别的中间件。它的用法和应用级别的中间件没有任何区别。只不过，应用级别的中间件是绑定到app实例上，路由级别中间件绑定到router实例上，

var app=express()
var router=express.Router()
//路由级别的中间件
router.use(function(req,res,next){
console.log('这是路由级别的中间件')
next()
})
app.use('/',router)

错误级别的中间件

错误级别中间件的作用：专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题
格式：错误级别中间件的function处理函数中，形参顺序从前到后，分别是（err,req,res,next）

// 1. 定义路由
app.get('/', (req, res) => {
  // 1.1 人为的制造错误
  throw new Error('服务器内部发生了错误！')
  res.send('Home page.')
})

// 2. 定义错误级别的中间件，捕获整个项目的异常错误，从而防止程序的崩溃
app.use((err, req, res, next) => {
  console.log('发生了错误！' + err.message)
  res.send('Error：' + err.message)
})

Express内置的中间件

自Express4.16.0版本开始，Express内置了3个常用的中间件，极大的提高了Express项目的开发效率和体验：
①：express.static快速托管静态资源的内置中间件，例如：HTML文件、图片、CSS样式等（无兼容性）
②：express.json解析JSON格式的请求体数据（有兼容性，仅仅在4.16.0+版本中可用）
③：express.urlencoded解析URL-encoded格式的请求体数据（有兼容性，仅在4.16.0+版本中可用）

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()

// 注意：除了错误级别的中间件，其他的中间件，必须在路由之前进行配置
// 通过 express.json() 这个中间件，解析表单中的 JSON 格式的数据
// app.use(express.json())
// 通过 express.urlencoded() 这个中间件，来解析 表单中的 url-encoded 格式的数据
app.use(express.urlencoded({ extended: false }))

app.post('/user', (req, res) => {
  // 在服务器，可以使用 req.body 这个属性，来接收客户端发送过来的请求体数据
  // 默认情况下，如果不配置解析表单数据的中间件，则 req.body 默认等于 {}
  console.log(req.body)
  res.send('ok')
})

app.post('/book', (req, res) => {
  // 在服务器端，可以通过 req,body 来获取 JSON 格式的表单数据和 url-encoded 格式的数据
  console.log(req.body)
  res.send('ok')
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

第三方的中间件

非Express官方内置的，而实由第三方开发出来的中间件，叫做第三方中间件。在项目中，大家可以按需下载并配置第三方中间件，从而提高项目的开发效率
例如：在express@4.16.0之前的版本中，经常使用body-parser这个第三方中间件，来解析请求题数据。
步骤：
①运行npm install body-parser安装中间件
②使用require导入中间件
③调用app.use()注册使用中间件
演示：body-parser:

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()

// 1. 导入解析表单数据的中间件 body-parser
const parser = require('body-parser')
// 2. 使用 app.use() 注册中间件
app.use(parser.urlencoded({ extended: false }))
// app.use(express.urlencoded({ extended: false }))

app.post('/user', (req, res) => {
  // 如果没有配置任何解析表单数据的中间件，则 req.body 默认等于 undefined
  console.log(req.body)
  res.send('ok')
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

注意：Express内置的express.urlencoded中间件，就是基于body-parser这个第三方中间件进一步封装出来的