Express

时间：2020-07-30 10:44:14 阅读：71 评论：0 收藏：0 [点我收藏+]

标签：admin sage 获取模块化体验匹配 params 简洁 static

一、什么是Express ?

　　express是一个基于Node平台的web应用开发框架, 它提供了一系列强大特性，可以帮助创建各种web 应用

　　下载: npm install express

二、Express框架特性

　　1、提供了方便简洁的路由定义方式

　　2、对获取HTTP请求参数进行了简化处理

　　3、对模板引擎支持程度高，方便渲染动态HTTP页面

　　4、提供中间件机制有效控制HTTP请求

　　5、拥有大量第三方中间件对功能进行扩展

三、Express初体验

　　1、使用express框架创建web服务器

1 // 引入express框架
2     const exprss = require( ‘ express ‘ );
3 // 使用框架创建web服务器
4     const app = express();

　　2、 express的get,post访问路由方式

 1 // get 访问方式
 2 app.get(‘ / ‘, (req, res)=>{
 3     // 对客户端做出响应，send方法会根据内容的类型自动设置请求头,自动设置http状态码和编码类型
 4     res.send( {say: ‘ hellow ‘} ); 
 5 })
 6 
 7 // post 访问方式
 8 app.post(‘ / ‘, (req, res)=>{
 9     res.send( <h2> 以post方式访问 <h2> ) 
10 })

四、Express中间件

　　1、什么是中间件？

　　　　（1）中间件就是一堆方法，可以接收客户端发来的请求，可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理

　　　　（2）中间件主要由两部分构成，中间件请求方法和请求处理参数

　　　　（3）中间件方法由Express提供，负责拦截请求，请求处理参数由开发人员提供，负责处理请求

　　　　　　技术图片

　　　　（4）可以对一个请求设置多个中间件，对同一个请求进行多次处理

　　　　（5）默认情况下，请求从上到下依次匹配中间件，一旦匹配成功，终止匹配

　　　　（6）可以调用next方法将请求的控制权交给下一个中间件，直到遇到结束请求的中间件

　　　　　　技术图片

　　2、app.use中间件用法

　　　　（1）app.use可以匹配所有的请求方法，可以不传路径，直接传入请求处理函数，代表拦截所有请求

　　　　　　技术图片

　　　　（2）app.use第一个参数也可以传入请求地址，代表不论什么请求方式，只要是请求这个地址就接收这个请求

　　　　　　技术图片

　　　　（3）路由保护，客户端在访问需要登录的页面时，可以先使用中间件判断用户登录状态，如果未登录则拦截请求做出响应，禁止用户进入需要登录的页面

 1 app.use(‘/admin‘, (req, res, next)=>{
 2     // 假定这个是登录状态 
 3     const isLogin = false;
 4     if(isLogin){
 5         next();
 6     }else{
 7         res.send(‘禁止未登录用户访问‘);
 8     }
 9 
10 })

　　　　（4）网站维护，直接拦截所有请求做出响应

1 app.use((req, res)=>{
2     res.send(‘网站维护中‘); 
3 })

　　　　（5）自定义404页面

1 // 如果为匹配到对应路由
2 app.use((req, res)=>{
3     res.status(404).send(‘当前访问页面不存在‘)
4 })

　　3、错误处理中间件

　　（1）在程序处理的过程中，不可避免的会出现一些无法预料的错误，比如文件读取失败，数据库连接失败，错误处理中间件是一个集中处理错误的地方（err只能捕获同步代码）

　　技术图片、

　　（2）异步API错误用回调函数next（）方法捕获

　　技术图片

　　（3）支持promise对象的异步API发生错误可以通过catch方法捕获

　　（4）try , catch可以捕获异步函数以及其他同步函数在执行过程中发生的错误，但不能获取其他类型API的错误

 1 const express = require(‘express‘);
 2 const app = express();
 3 const fs = require(‘fs‘);
 4 const promisify = require(‘util‘).promisify;
　　// promisify可以将方法转换成promise对象
 5 const readFile = promisify(fs.readFile);
 6 app.get(‘/index‘, async (req, res, next)=>{
 7     try{
 8         let file = await readFile(‘./next.js‘, ‘utf8‘);
 9         res.send(file);
10     }catch(ex){
11         next(ex);
12     }
13 })
14 
15 app.use((err, req, res, next)=>{
16     res.status(500).send(err.message);
17 })
18 
19 app.listen(3000);
20 console.log(‘服务器启动成功‘);