# Express
# 1. Express 框架简介
# 1.1 Express 框架是什么
Express 是一个基于 Node 平台的 web 应用开发框架，它提供了一系列的强大特性，帮助你创建各种 Web 应用。我们可以使用 npm install express 命令进行下载。
# 1.1 Express 初体验
使用 Express 框架创建 web 服务器及其简单，调用 express 模块返回的函数即可。
// 引入Express框架
const express = require("express");
// 使用框架创建web服务器
const app = express();
// 当客户端以get方式访问/路由时
app.get("/", (req, res) => {
// 对客户端做出响应 send方法会根据内容的类型自动设置请求头
res.send("Hello Express"); // <h2>Hello Express</h2> {say: 'hello'}
});
// 程序监听3000端口
app.listen(3000);
# 1.2 Express 框架特性
提供了方便简洁的路由定义方式 对获取 HTTP 请求参数进行了简化处理 对模板引擎支持程度高，方便渲染动态 HTML 页面 提供了中间件机制有效控制 HTTP 请求 拥有大量第三方中间件对功能进行扩展
# 1.3 Express 框架路由
// 当客户端以get方式访问/时
app.get("/", (req, res) => {
// 对客户端做出响应
res.send("Hello Express");
});
// 当客户端以post方式访问/add路由时
app.post("/add", (req, res) => {
res.send("使用post方式请求了/add路由");
});
# 1.4 Express 框架获取请求参数
app.get("/", (req, res) => {
// 获取GET参数
console.log(req.query);
});
app.post("/", (req, res) => {
// 获取POST参数
console.log(req.body);
});
# 2. 中间件
# 2.1 什么是中间件
中间件就是一堆方法，可以接收客户端发来的请求、可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理。
中间件主要由两部分构成，中间件方法以及请求处理函数。 中间件方法由 Express 提供，负责拦截请求，请求处理函数由开发人员提供，负责处理请求。
app.get("请求路径", "处理函数"); // 接收并处理get请求
app.post("请求路径", "处理函数"); // 接收并处理post请求
可以针对同一个请求设置多个中间件，对同一个请求进行多次处理。 默认情况下，请求从上到下依次匹配中间件，一旦匹配成功，终止匹配。 可以调用 next 方法将请求的控制权交给下一个中间件，直到遇到结束请求的中间件。
app.get("/request", (req, res, next) => {
req.name = "张三";
next();
});
app.get("/request", (req, res) => {
res.send(req.name);
});
# 2.2 中间件用法
app.use 匹配所有的请求方式，可以直接传入请求处理函数，代表接收所有的请求。
app.use((req, res, next) => {
console.log(req.url);
next();
});
app.use 第一个参数也可以传入请求地址，代表不论什么请求方式，只要是这个请求地址就接收这个请求。
app.use("/admin", (req, res, next) => {
console.log(req.url);
next();
});
# 2.3 中间件应用
路由保护，客户端在访问需要登录的页面时，可以先使用中间件判断用户登录状态，用户如果未登录，则拦截请求，直接响应，禁止用户进入需要登录的页面。 网站维护公告，在所有路由的最上面定义接收所有请求的中间件，直接为客户端做出响应，网站正在维护中。 自定义 404 页面
# 2.4 错误处理中间件
在程序执行的过程中，不可避免的会出现一些无法预料的错误，比如文件读取失败，数据库连接失败。
错误处理中间件是一个集中处理错误的地方。
app.use((err, req, res, next) => {
res.status(500).send("服务器发生未知错误");
});
当程序出现错误时，调用 next()方法，并且将错误信息通过参数的形式传递给 next()方法，即可触发错误处理中间件。
app.get("/", (req, res, next) => {
fs.readFile("/file-does-not-exist", (err, data) => {
if (err) {
next(err);
}
});
});
# 2.5 捕获错误
在 node.js 中，异步 API 的错误信息都是通过回调函数获取的，支持 Promise 对象的异步 API 发生错误可以通过 catch 方法捕获。 异步函数执行如果发生错误要如何捕获错误呢？
try catch 可以捕获异步函数以及其他同步代码在执行过程中发生的错误，但是不能其他类型的 API 发生的错误。
app.get("/", async (req, res, next) => {
try {
await User.find({
name: "张三"
});
} catch (ex) {
next(ex);
}
});
# 3. Express 请求处理
# 3.1 构建模块化路由
// home.js
const home = express.Router();
home.get("/index", () => {
res.send("欢迎来到博客展示页面");
});
module.exports = home;
// admin.js
const home = express.Router();
home.get("/index", () => {
res.send("欢迎来到博客列表页面");
});
module.exports = list;
// app.js
const home = require("./route/home.js");
const admin = require("./route/admin.js");
app.use("/home", home);
app.use("/admin", admin);
# 3.2 GET 参数的获取
Express 框架中使用 req.query 即可获取 GET 参数，框架内部会将 GET 参数转换为对象并返回。
// 接收地址栏中问号后面的参数
// 例如: http://localhost:3000/?name=zhangsan&age=30
app.get("/", (req, res) => {
console.log(req.query); // {"name": "zhangsan", "age": "30"}
});
# 3.3 POST 参数的获取
Express 中接收 post 请求参数需要借助第三方包 body-parser。
// 引入body-parser模块
const bodyParser = require("body-parser");
// 配置body-parser模块
app.use(
bodyParser.urlencoded({
extended: false
})
);
// 接收请求
app.post("/add", (req, res) => {
// 接收请求参数
console.log(req.body);
});
# 3.4 Express 路由参数
app.get("/find/:id", (req, res) => {
console.log(req.params); // {id: 123}
});
# 3.5 静态资源的处理
通过 Express 内置的 express.static 可以方便地托管静态文件，例如 img、CSS、JavaScript 文件等。
app.use(express.static("public"));