路由 + Express 路由

最新推荐文章于 2024-04-23 17:51:15 发布
最新推荐文章于 2024-04-23 17:51:15 发布
阅读量175 收藏 1
点赞数
分类专栏： 基础学习 文章标签： 中间件 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53283188/article/details/117186138
版权

学习目标

◆ 能够熟练 express 路由的使用

◆ 掌握中间件的使用方式

◆ 能够说出中间件分为哪几类

◆ 了解如何自定义中间件

◆ 能够基于 exprss 写接口

◆ 能够说出解决跨域问题的方法 cors

◆ 掌握如何实现 JSONP 接口

文章目录

一、Express 路由


1. 路由的概念

  • 路由就是 映射关系
  • 根据不同的用户 URL 请求，返回不同的内容
  • 本质：URL 请求地址与服务器资源之间的对应关系

2. Express 中的路由

1.在 Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系

2.Express 中的路由分 3 部分组成，分别是请求的类型、请求的 URL 地址、处理函数

app.METHOD(PATH, HANDLER)

3.Express 中的路由的例子

// 匹配 GET 请求，且请求 URL 为 /
app.get('/', function(req, res){
	res.send('Hello World!')
})

// 匹配 POST 请求，且请求 URL 为 /
app.post('/', function(req, res){
	res.sebd('Got a POST request')
})

3. 路由的匹配过程

1.每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数

2.在匹配时，会按照路由的顺序进行匹配，如果请求类型和**请求的 URL **同时匹配成功，则 Express 会将这次请求，转交给对应的 function 函数进行处理

3.路由匹配的注意点
按照定义的先后顺序进行匹配
请求类型和请求的URL同时匹配成功，才会调用对应的处理函数


4. Express 路由最简单的用法

1.在 Express 中使用路由最简单的方式，就是把路由挂载到 app 上

2.案例代码

const express = require('express')
// 创建 web 服务器，命名为 app
const app = express()

// 挂载路由
app.get('/', (req, res) => {
  res.send('Hello, World')
})

app.post('/', (req, res) => {
  res.send('Hello, Tom')
})

app.listen(3000, () => {
  console.log('running……')
})

5. 模块化路由

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

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

2.案例代码

// 1. 导入 express
const express = require('express')
// 2. 创建路由对象
const router = express.Router()

// 3. 挂载获取用户列表的路由
router.get('/user/list', (req, res) => {
  res.send('用户列表')
})

// 4. 挂载添加用户列表的路由
router.post('/user/add', (req, res) => {
  res.send('添加用户')
})

// 5. 向外导出路由对象
module.exports = router

6. 注册路由模块

  1. 导入路由模块
  2. 使用 app.use() 注册路由模块
  3. 案例代码
const express = require('express')
const app = express()

// 导入路由模块
const userRouter = require('./002-router')

// 使用 app.use() 注册路由模块
app.use(userRouter)

app.listen(3000, () => {
  console.log('running……')
})

7. 为路由模块添加前缀

  1. 类似于托管静态资源写法，为静态资源统一挂载访问前缀一样
  2. 注意，添加了路由前缀后，访问的路由的时候，也应该加上前缀
  3. 案例代码
const express = require('express')
const app = express()

// 导入路由模块
const userRouter = require('./002-router')

// 使用 app.use() 注册路由模块
// 给路由模块添加统一得到访问前缀 /api
app.use('/api', userRouter)

app.listen(3000, () => {
  console.log('running……')
})


二、中间件


1. 中间件的概念

所谓的中间件（Middleware ），特指业务流程的中间处理环节


2. Express 中间件的调用流程

当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理
在这里插入图片描述


3. Express 中间件的格式

1.Express 的中间件，本质上就是一个 function 处理函数

2.注意：中间件函数的形参列表中，必须包含 next 参数。而路由处理函数中只包含 req 和 res
在这里插入图片描述


4. next 函数的作用

next 函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由
在这里插入图片描述


5. 定义中间件函数

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

// 定义一个最简单的中间件函数
const kw = () => {
  console.log('这是最简单的中间件函数')

  // 把流转关系，转交给下一个中间件或者路由
  next()
}

app.listen(80, () => {
  console.log('running……')
})

6. 全局生效的中间件

1.客户端发起的任何请求，到达服务器之后，都会触发的中间件，叫做全局生效的中间件

2.通过调用 app.use(中间件函数)，即可顶一个全局生效的中间件

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

// 定义一个最简单的中间件函数
const kw = (req, res, next) => {
  console.log('这是最简单的中间件函数')

  // 把流转关系，转交给下一个中间件或者路由
  next()
}

// 全局生效的中间件
app.use(kw)

app.get('/', (req, res) => {
  console.log('调用了 / 这个路由')
  
  res.send('Home page')
})

app.get('/user', (req, res) => {
  console.log('调用了 /user 这个路由')
  res.send('User page')
})

app.listen(3000, () => {
  console.log('running……')
})

7. 定义全局中间件的简化形式

定义全局中间件也可以将中间件函数直接挂载到 app.use() 上面

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

// 定义全局中间件的简化形式
app.use((req, res, next) => {
  console.log('定义全局中间件的简化形式')

  next()
})

app.get('/', (req, res) => {
  console.log('调用了 / 这个路由')
  
  res.send('Home page')
})

app.get('/user', (req, res) => {
  console.log('调用了 /user 这个路由')
  res.send('User page')
})

app.listen(3000, () => {
  console.log('running……')
})

8. 中间件的作用

1.多个中间件之间，共享同一份 req 和 res，基于这样的特性，我们可以在上游 的中间件中，统一为 req 或 res 对象添加自定义的属性和方法，供下游的中间件或路由进行使用
在这里插入图片描述
2.案例代码

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

// 定义全局中间件的简化形式
app.use((req, res, next) => {
  // 获取到请求达到服务器的时间
  const time = Date.now()

  // 为 req 对象，挂载自定义属性，从而把时间共享给后面的所有路由
  req.startTime = time
  next()
})

app.get('/', (req, res) => {
  res.send('Home page' + req.startTime)
})

app.get('/user', (req, res) => {
  res.send('User page' + req.startTime)
})

app.listen(3000, () => {
  console.log('running……')
})

9. 定义多个全局中间件

1.可以使用 app.use() 连续定义多个全局中间件，客户端请求到达服务器之后，会按照中间件定义的先后顺序依次执行

2.案例代码

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

// 第一个全局中间件
app.use((req, res, next) => {
  console.log('调用了第一个全局的中间件')
  next()
})

// 第二个全局中间件
app.use((req, res, next) => {
  console.log('调用了第二个全局的中间件')
  next()
})

// 定义路由
// 请求这两个路由，会依次触发上述两个全局中间件
app.get('/user', (req, res) => {
  res.send('User Page')
})

app.listen(3000, () => {
  console.log('running……')
})

10. 局部生效的中间件

1.不使用 app.use() 定义的中间件，叫做局部生效的中间件

2.案例代码

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

// 定义中间件函数 mv1
const mv1 = (req, res, next) => {
  console.log('这是中间件函数')

  next()
}

// mv1 这个中间件只在 "当前路由中生效"，这种用法属于 "局部生效的中间件"
app.get('/', mv1, (req, res) => {
  res.send('Home Page')
})

app.get('/user', (req, res) => {
  res.send('User Page')
})

app.listen(3000, () => {
  console.log('running……')
})

11. 定义多个局部中间件

1.可以在路由中，通过如下两种等价的方式，使用多个局部中间件

2.案例代码

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

// 定义中间件函数 mv1
const mv1 = (req, res, next) => {
  console.log('这是第一个中间件函数')

  next()
}

// 定义中间件函数 mv2
const mv2 = (req, res, next) => {
  console.log('这是第二个中间件函数')

  next()
}

// mv1、mv2 这个中间件只在 "当前路由中生效"，这种用法属于 "局部生效的中间件"
app.get('/', mv1, mv2, (req, res) => {
  res.send('Home Page')
})

// 也可以使用数组的形式绑定两个中间件
app.get('/user', [mv1, mv2], (req, res) => {
  res.send('Home Page')
})

app.listen(3000, () => {
  console.log('running……')
})

12. 中间件的5个使用注意事项

  1. 一定要在路由之前注册中间件
  2. 客户端发送过来的请求，可以连续调用多个中间件进行处理
  3. 执行完中间件的业务代码之后，不要忘记调用 next() 函数
  4. 为了防止代码逻辑混乱，调用 next() 函数后不要再写额外的代码
  5. 连续调用多个中间件时，多个中间件之间，共享 req 和 res 对象


三、中间件的分类

为了方便大家理解和记忆中间件的使用，Express 官方把常见的中间件用法，分成了 5 大类，分别是

  • 应用级别的中间件
  • 路由级别的中间件
  • 错误级别的中间件
  • Express 内置的中间件
  • 第三方的中间件


四、自定义中间件

  1. 需求描述： 自己手动模拟一个类似于 express.urlencoded 这样的中间件，来解析 POST 提交到服务器的表单数据
  2. 实现步骤：
    • 定义中间件
    • 监听 req 的 data 事件
    • 监听 req 的 end 事件
    • 使用 querystring 模块解析请求体数据
    • 将解析出来的数据对象挂载为 req.body
    • 将自定义中间件封装为模块


五、基于 Express 写接口

  1. 创建基本的服务器
// 导入 express 模块
const express = require('express')

// 创建 express 的服务器实例
const app = express()

// 调用 app.listen 方法，指定端口号并启动 web 服务器
app.listen(3000, () => {
  console.log('running……')
})
  1. 创建 API 路由模块
// router.js
const express = require('express')
const router = express.Router()

// 在这里挂载对应的路由
module.exports = router

// index.js

// 导入 express 模块
const express = require('express')

// 创建 express 的服务器实例
const app = express()

// 导入路由模块
const router = require('./router.js')
// 把路由模块，注册到 app 上
app.use('/api', router)

// 调用 app.listen 方法，指定端口号并启动 web 服务器
app.listen(3000, () => {
  console.log('running……')
})
  1. 编写 get 请求
const express = require('express')
const router = express.Router()

// 在这里挂载对应的路由
router.get('/book', (req, res) => {
  // 通过 req.query 获取客户端通过查询字符串发送到服务器的数据
  const query = req.query

  // 调用 res.send() 方法，想客户端响应处理的结果
  res.send({
    status: 0,  // 0 表示处理成功，1 表示处理失败
    msg: 'GET 请求成功',  // 状态描述
    data: query // 需要响应给客户端的数据
  })
})

module.exports = router
  1. 编写 post 请求

注意：如果要获取 URL-encoded 格式的请求体数据，必须配置中间件 `app.use(express.urlencoded({ extended: false }))

const express = require('express')
const router = express.Router()

// 在这里挂载对应的路由

// 定义 POST 接口
router.post('/book', (req, res) => {
  // 通过 req.body 获取请求题中包含的 url-encoded 格式的数据
  const body = req.body

  // 调用 res.send() 方法，向客户端响应结果
  res.send({
    status: 0,
    msg: 'Post 请求成功',
    data: body
  })
})

module.exports = router

// index.js
// 导入 express 模块
const express = require('express')

// 创建 express 的服务器实例
const app = express()

// 配置解析表单数据的中间件
//注意：如果要获取 URL-encoded 格式的请求体数据，必须配置中间件 app.use(express.urlencoded({ extended: false }))
app.use(express.urlencoded({ extended: false }))

// 导入路由模块
const router = require('./020-apiRouter')
// 把路由模块，注册到 app 上
app.use('/api', router)

// 调用 app.listen 方法，指定端口号并启动 web 服务器
app.listen(3000, () => {
  console.log('running……')
})


六、cors

  1. 到目前为止，我们编写的 GET 和 POST 接口，存在一个很严重的问题：不支持跨域请求
  2. 解决接口跨域问题的方案主要有两种
    • CORS (主流的解决方案，推荐使用)
    • JSONP (有缺陷的解决方案：只支持 GET 请求)


七、jsonp

  1. 概念：浏览器端通过 <script> 标签的 src 属性，请求服务器上的数据，同时，服务器返回一个函数的调用。这种请求数据的方式叫做 JSONP
  2. 特点
    • JSONP 不属于真正的 Ajax 请求，因为它没有使用 XMLHttpRequest 这个对象
    • JSONP 仅支持 GET 请求，不支持 POST、PUT、DELETE 等请求
鲸渔要加油
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node学习入门篇（七）：Connect自带的中间件
stsfang
04-16 764
本章内容 解析cookie、请求主体和查询字符串的中间件 实现Web程序核心功能的中间件 处理Web程序安全的中间件 提供静态文件服务的中间件 npm package: https://www.npmjs.com/package/package 解析cookie、请求主体和查询字符串的中间件 常用中间件 注意：All node ...
node.js 使用心得（1）--- 中间件的使用
weixin_41064569的博客
11-25 327
对于想要往更好的方向发展的前端开发来说，对于后端的了解程度和水平往往决定了你的薪资程度和在公司的话语权。node.js是一门对于前端工程师来说最好入门和理解后端的技术，值得我们每一个人好好学习。 中间件的概念 首先中间件并不是nodejs特有的概念，它是指在应用与应用之间充当连接服务的，简单的来说，就是我们在接收到请求到把响应发出去之间我们进行的操作，把这些操作抽象化成一个一个的module，这个...
node.js:＜5＞中间件简单入门
aiwanchengxu的博客
04-05 402
之前我们讲到了中间件，那么我们就来了解一下到底什么是中间件： 就拿上面RFID设备通讯的实现原理来说，我们的读写器就看成是客户端发起的请求，请求会先到达中间的一大块处理模块，可以看到这些模块之间有相互的练习，我们就称这些模块为中间件，当然请求终究会到达路由； 也就是说我们的中间件的作用就是对请求的一些处理操作，它是在路由功能函数实现之前的一种预处理； 好了，接下来进入正题： 1、中间件分类： 1）全局中间件：这类中间件会在请求之前使用，而且还是所有请求； //2.1 构建一个全局中间件 a
Node中间件（二）express内置中间件以及脚手架安装
qq_34574423的博客
06-27 243
一.express.static() express.static(路径) 提供静态资源下载服务 app.use(express.static('./public')); 在public的文件夹下的静态资源可以不加public就能直接读取 二.express.json() 解析content-type为appliction/json格式的请求体数据（例如ajax的data属性的为一个json） 如果提交是json数据，不管是get还是post，都是req.body对象中保存的json数据 .
Node 中间件
小葵坤_易安的博客
10-14 393
一、概念 app.use（[path]，function） path：是路由的url，默认参数‘/’，意义是路由到这个路径时使用这个中间件 function：中间件函数 这个中间件函数可以理解为就是function(request,response,next) next()：操作完代码之后是否继续往下操作 注：中间件写时，要在当前的路由之前写 二、分类 1.全局应用级中间件 App.js： ...
Express的路由详解
09-03
除了上述内容，Express路由还可以结合使用中间件，这使得在处理请求之前或之后执行额外操作成为可能。例如，可以定义一个中间件来验证用户身份，然后只允许授权的用户访问特定路由。 总的来说，Express的路由系统...
nodejs+Express+mssql
07-08
- `app.js`或`index.js`：主要的Express应用文件，定义了服务器设置、路由和中间件。 - `models`目录：可能包含数据库模型，定义了与SQL Server交互的实体和方法。 - `routes`目录：包含了不同路由的处理逻辑，比如...
浅探express路由和中间件的实现
10-16
本文将深入探讨Express中的路由和中间件，帮助开发者更好地理解和运用这两个核心概念。 ### 1. Express框架特性 1. **中间件系统**：Express的核心之一就是中间件机制，它允许开发者定义一系列函数，这些函数会在...
vue+nodejs+express+mybatis
04-16
Vue.js、Node.js、Express和MyBatis是四个在Web开发中广泛应用的技术栈。这个项目案例结合了前端的Vue.js框架、后端的Node.js与Express框架，以及数据库操作的MyBatis持久层框架，构建了一个完整的Web应用程序。下面...
局部生效的中间件
weixin_47295886的博客
09-04 119
第一个是请求的url，第三个是路由处理函数。中间可以写任意多个局部中间件，也存在先后顺序，从前到后 -可以用,分割 也可以使用数组进行分割res.send(' 响应客户端的127.0.0.1/user的get请求 局部中间件会生效')})res.send(' 响应客户端的127.0.0.1/user的get请求 局部中间件会生效')})//创建基本web服务器//创建服务器//定义中间件函数console.log('局部中间件函数1')
Nodejs自定义解析表单数据的中间件案例
01-21
Nodejs自定义解析表单数据的中间件案例
深入理解nodejs中Express的中间件
10-19
一个Express应用就是在调用各种中间件。可见中间件在web应用开发中的重要性，有兴趣的可以了解一下
Node.js学习笔记----中间件
emmmm.....
03-27 233
文章目录中间件express中间件调用流程中间件的格式next函数定义中间件全局生效的中间件中间件的作用局部生效的中间件中间件的注意事项 中间件 express中间件调用流程 中间件的格式 next函数 定义中间件 全局生效的中间件 中间件的作用 局部生效的中间件 请求到服务器，从上到下匹配 中间件的注意事项 ...
Node-常用中间件及其使用（实现登录会话）
weixin_38601104的博客
03-02 936
书写可重用的中间件 这里以一个例子来说明重用的方法。 一个用于当请求事件过长而进行提醒的中间件在很多情景下都非常有用。 要求：在测试过程中，所有响应都在100毫秒（ms）内完成，确保能将响应事件大于100ms的请求记录下来。 即：为一个名为request-time.js的独立模块中创建一个中间件。 这个模块暴露一个函数，这个函数本身又返回一个函数。这对于可配置的中间件来说是很常见的写法。 中间件本...
关于node.js中间件的使用
weixin_56071551的博客
09-01 174
本文旨在对node.js各种中间件使用以及使用过程中的一些注意事项做出简要说明
express note day02 全局中间件 局部中间件 注意事项 中间件分类 自定义中间件
weixin_58562753的博客
04-29 893
全局中间件 局部中间件 注意事项 中间件分类 自定义中间件
nodejs中间件
2302_76609856的博客
12-24 1132
格式：错误级别中间件的 function 处理函数中，必须有 4 个形参，形参顺序从前到后，分别是 (err, req, res, next)通过 app.use() 、 app.get() 、 app.post() ，绑定到 app 实例上的中间件。客户端发起的任何请求，到达服务器之后都会触发的中间件，叫做全局生效中间件。通过调用 app.use(中间件函数)，即可定义一个全局生效的中间件。res.send(`发生了错误！不使用 app.use() 定义的中间件，叫做局部生效的中间件。
nodejs 中间件
最新发布
edwardwzw的博客
04-23 1117
以上列举了一些常见的 Node.js 中间件类型及其对应的库。实际应用中，根据项目需求可能会选用更多特定功能的中间件，如速率限制、API 版本控制、请求验证（如校验 JSON Schema）、数据库连接管理、模板引擎支持等。Node.js 中间件通常是指用于 Web 应用开发框架（如 Express、Koa、Hapi、Fastify 等）中，对 HTTP 请求生命周期进行拦截、处理和传递的一系列可复用函数。
51 Node.js =＞ [04] express 路由 中间件 cors jsonp
Write less，do more
09-28 343
1. 学习目标 ◆ 能够熟练 express 路由的使用 ◆ 掌握中间件的使用方式 ◆ 能够说出中间件分为哪几类 ◆ 了解如何自定义中间件 ◆ 能够基于 exprss 写接口 ◆ 能够说出解决跨域问题的方法 cors ◆ 掌握如何实现 JSONP 接口 2.Express路由 2.1 路由的概念 路由就是映射关系 根据不同的用户 URL 请求，返回不同的内容 本质：URL 请求地址与服务器资源之间的对应关系 2.2 Express 中的路由 在 Express 中，路由指的是客户端的请
typescript＋express如何管理路由
05-31
在 TypeScript + Express 中，可以通过以下步骤来管理路由： 1. 定义路由文件：创建一个路由文件，例如 `routes.ts`，用于处理相关的路由请求。 2. 定义路由控制器：创建一个路由控制器，例如 `controller.ts`，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值