Express框架复盘

路由

• 一个url地址响应一个html页面；
• 在Express中，路由指的是客户端请求与服务器处理函数之间的映射关系；
• Express中的路由分三部分组成：

① 请求的类型；
② 请求的URL地址；
③ 处理函数；

app.METHOD(PATH,HANDLER);

app.get('/',(req,res)=>{
    res.send('hello world')
})

• 会按照路由的顺序进行匹配；
• 请求类型和请求url同时匹配成功，才会调用对应的处理函数；

模块化路由

• 为了方便对路由进行模块化的管理，Express不建议将路由直接挂载到app上，而是推荐将路由抽离为单独的模块；
• 将路由抽离为单独模块的步骤如下：

① 创建路由模块对应的.js文件；
② 调用express.Router()函数创建路由对象；
③ 向路由对象上挂载具体的路由；
④ 使用module.exports向外共享路由对象；
⑤ 使用app.use()函数注册路由模块。

const express = require('express')
//创建路由对象
const router = express.Router()
//获取用户列表的路由
router.get('/user/list',function(req,res){
   res.send('Get user list')
})
//添加用户的路由
router.post('/user/add',function(req,res){
   res.send('Add new user')
})
//向外导出路由对象
module.exports = router

const express = require('express')
const app = express()

//1.导入路由模块
const router = require('./router')
//注册路由模块，并添加统一的访问前缀 /api
app.use('/api',router)

//app.use()作用是全局注册中间件
app.listen(80,()=>{
    console.log('http://127.0.0.1');
})

中间件

• 中间件就是特指业务流程的中间处理环节；
• 当一个请求到达Express的服务器后，可以连续调用多个中间件，从而对这次请求进行预处理；
• Express的中间件，本质上就是一个function处理函数，Express中间件的格式如下：
  
• 中间件函数的形参列表中，必须包含next参数。而路由处理函数中只包含req和res；
• next函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由；
• 客户端发起的任何请求，到达服务器之后，都会触发的中间件，叫做全局生效的中间件；
• 多个中间件之间，共享同一份req和res。基于这样的特性，我们可以在上游的中间件中，统一为req或res对象添加自定义的属性或方法，供下游的中间件或路由进行使用；
• 除错误级别的中间件外，一定要在路由之前注册中间件（注意：错误级别的中间件，必须注册在所有路由之后）；
• 执行完中间件的业务代码之后，不要忘记调用next()函数；
• 自Express4.16.0版本开始，Express内置了3个常用的中间件：

① express.static快速托管静态资源的内置中间件，例如：HTML文件、图片、CSS样式等；
② express.json解析JSON格式的请求体数据；
③ express.urlencoded解析URL-encoded格式的请求体数据。

//配置解析application/json 格式数据的内置中间件
app.use(express.json())
//配置解析 application/x-www-form-urlencoded 格式数据的内置中间件
app.use(express.urlencoded({extended:false}))

• 如果你学过了vue，其实你很容易就明白中间件其实就是拦截器，跟路由守卫作用一样；
• demo：如果用户没有登录的话，就不能访问一些页面，也不会获取到一些信息

const loginCheck = (req, res, next) => {
    if (某个登录成功的条件) {
    	next(); // 登录成功执行next
    } else {
    	res.json({
        	err: -1,
        	msg: '登录失败'
		})
		res.redirect('/adminlogin');  // 将用户重定向到登录页面
    }
}
// 若在登录状态下，loginCheck会执行next函数，从而执行第二个中间件，获取博客列表。
app.get('/api/blog/list', loginCheck, (req, res, next) => {
	获得博客列表
})