目录
#博学谷IT学习技术支持#
1. 初识 Express
1.1 Express 简介
1. 什么是 Express
官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。
通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。
Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。
1.2 Express 的基本使用
1. 安装
在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用
npm i [email protected]
2. 创建基本的 Web 服务器
const express = require('express');
//创建web服务器
const app = express();
//启动服务器
app.listen(80, () => {
console.log('express server running at http://127.0.0.1');
})
3. 监听 GET 请求
通过 app.get() 方法,可以监听客户端的 GET 请求,具体的语法格式如下
4. 监听 POST 请求
通过 app.post() 方法,可以监听客户端的 POST 请求,具体的语法格式如下:
5. 把内容响应给客户端
通过 res.send() 方法,可以把处理好的内容,发送给客户端:
const express = require('express');
//创建web服务器
const app = express();
//客户端发起get请求
app.get('/api/book', (req, res) => {
console.log(`你访问的网址:${req.url},访问的类型:${req.method}`);
res.send({
bookname: '都市猎人',
author: '杀手不太冷',
type: '网络小说'
})
})
//客户端发起post请求
app.post('/api/book', (req, res) => {
res.send('请求成功!');
})
//启动服务器
app.listen(80, () => {
console.log('express server running at http://127.0.0.1');
})
6. 获取 URL 中携带的查询参数
通过 req.query 对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数:
app.get('/api/book', (req, res) => {
console.log(req.query); //{ name: 'zs', age: '18', sex: '男' }
})
7. 获取 URL 中的动态参数
通过 req.params 对象,可以访问到 URL 中,通过 : 匹配到的动态参数:
//客户端发起get请求
app.get('/api/:id', (req, res) => {
console.log(req.params); // { id: '你好' }
})
1.3 托管静态资源
1. express.static()
express 提供了一个非常好用的函数,叫做 express.static(),通过它,我们可以非常方便地创建一
个静态资源服务器,例如,通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript
文件对外开放访问了:
注意:Express 在指定的静态目录中查找文件,并对外提供资源的访问路径。 因此,存放静态文件的目录名不会出现在 URL 中。
2. 托管多个静态资源目录
如果要托管多个静态资源目录,请多次调用 express.static() 函数:
访问静态资源文件时,express.static() 函数会根据目录的添加顺序查找所需的文件。
3. 挂载路径前缀
如果希望在托管的静态资源访问路径之前,挂载路径前缀,则可以使用如下的方式:
现在,你就可以通过带有 /public 前缀地址来访问 public 目录中的文件了:
1.4 nodemon
安装 nodemon
2. Express 路由
2.1 路由的概念
1. 什么是路由
广义上来讲,路由就是映射关系
3. Express 中的路由
在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系。
Express 中的路由分 3 部分组成,分别是请求的类型、请求的 URL 地址、处理函数,格式如下:
4. Express 中的路由的例子
5. 路由的匹配过程
每当一个请求到达服务器之后&#