js的简单学习：第十章

一、路由器

对路由模块化管理，将WEB服务器中路由抽离到外部模块，便于项目的管理维护

1.路由器模块

//（1）引入express模块
//（2）创建路由器对象
const router = express.Router()
//（3）往路由器对象挂载路由
//（4）将路由器对象暴露出去
module.exports = router

2.WEB服务器模块

//（1）引入路由器模块
//（2）注册路由器模块，给所有路由的资源路径添加前缀
app.use('/product', 引入的路由器模块)

练习：编写用户路由器模块user.js，创建路由器对象，挂载用户列表路由(get /list)，暴露路由器对象；在WEB服务器引入路由器模块，注册路由器模块，添加前缀/user

二、中间件

中间件：业务的中间处理环节

本质上是一个函数

// 局部中间件，只能应用于具体的路由
app.use('/路由的路径', (req, res, next) => {
    next()   //往后执行下一个中间件或者路由
})
// 全局中间件，可以应用于所有的路由
app.use( (req, res, next) => {
    next()
} )

在路由之前的中间件，称作前置中间件

在路由后边的中间件，称作后置中间件，后置中间件需要在路由中执行next()

**说明：**在一次请求过程中，所有中间件和路由中共享请求对象和响应对象

练习：编写文件04_middleware.js，使用express创建WEB服务器，设置端口；注册路由(get /shopping)，get方式传递商品的价格，最后响应’购物车添加成功！商品的价格：xxx‘

给购物车/shopping添加中间件，对传递的商品打8折，往后执行。

http://127.0.0.1:3000/shopping?price=5000

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2YRNTaip-1681730765389)(assets/1681282908867.png)]

练习：注册路由(get /list)，用于响应后端用户数据，响应’这是所有用户数据，只有管理员有权限’

给/list路由添加中间件，验证get传递的用户名是否为管理员root，如果不是root响应’请提供管理员账户‘，否则是root才允许往后执行

http://127.0.0.1:3000/list?user=root
http://127.0.0.1:3000/list?user=xin123

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CYWzs9NE-1681730765389)(assets/1681285355107.png)]

中间件分类

1.应用级中间件

​ 刚才提到，本质上是一个函数

2.路由级中间件

就是路由器的使用，一旦客户端请求路由，服务器端会指定到具体的路由器下请求路由

app.use('/请求的资源', 路由器)

3.内置中间件

express提供的中间件，可以直接使用的

(1)将post传参转对象，就是内置中间件

app.use(express.urlencoded({
    extended: true
}))

(2)托管静态资源

静态资源：每次请求获取的资源是固定的，例如：html、css、js、图像、视频…

动态资源：通常伴随着参数的传递，传递的参数不同，获取的资源也不同

托管静态资源：客户端如果要请求静态资源，不需要通过路由响应，而是让客户端自动到指定的目录下查找。

app.use(express.static('托管的目录'))

练习：托管静态资源到files目录，放入文件2.html进行测试

练习：编写文件05_static.js，使用express创建WEB服务器，设置端口；注册路由(get /1.html)，响应文件1.html

4.第三方中间件

属于第三方模块的形式，需要先去下载安装

5.错误处理中间件

在项目中应用

非商用，转载请标明出处