express中间件

express中间件学习

安装nodemon

直接在cmd中全局安装
npm install -g nodemon
安装完成后如果nodemon -v能返回版本号，则安装成功。

安装express

npm install express
欢迎使用express

1. const express = require('express')
3. const app = express()
5. app.listen(8000,()=>{
6.   console.log('欢迎使用express')
7. })

复制代码

中间件的本质：一个回调函数

如果当前中间件功能没有结束请求-响应周期，则必须调用next()将控制权传递给下一个中间件功能，否则，请求将被挂起

1. app.get('/',(req,res,next)=>{
2.   next()  // 中间件回调参数,调用栈中下一个中间件
3. })

复制代码

express提供的两种应用方式

app/router.use

1. app.use('/login',(req,res,next)=>{
2.     console.log('path  middleware')
3. })

复制代码

路径匹配，methods（GET、POST等方式都能匹配）

中间件执行顺序：按照能匹配的中间件注册顺序执行。

app/router.methods

1. app.get('/login',(req,res,next)=>{
2.     console.log('path and methods middleware')
3. })

复制代码

连续注册多个中间件

1. app.get('/home',(req,res,next)=>{
2.   console.log('注册了一个连续注册中间件01')
3.   next()
4. },(req,res,next)=>{
5.   console.log('注册了一个连续注册中间件02')
6.   res.end('连续注册中间件')
7. })

复制代码

数据解析

app.use(express.json()) // 解析jion

app.use(express.urlencoded({extend:true})) // 解析urlencoded

使用multer插件，解析form-data

安装  npm install multer
使用

1. //解析json
2. const upload = multer()
4. app.post('/login',upload.any(),(req,res,next)=>{
5.      
6. console.log(req.body)
7.   
8.   res.end('登录成功')
10. })
13. //解析文件
14. const storage = multer.diskStorage({
15.   destination:function(req,file,cb){
16.     cb(null,'./uploads/')
17.   },
18.   filename:function(req,file,cb){
19.     const filename = Date.now() + '-' + file.originalname
20.     cb(null,filename)
21.   }
22. })
24. const upload = multer({
25.   // dest:'./uploads/'
26.   storage
27. }) // 配置multer中间件，指定文件上传的存储目录
29. // 注意 upload.any()与upload.single（）需要分开解析，不然解析两次会导致报错。
30. app.post('/upload',upload.single('file'),(req,res,next)=>{
31.   console.log(req.file) // 文件信息
32.   res.end('文件上传成功~')
34. })

复制代码

解析params和query的get请求参数

1. app.get('/user/:id/:name',(req,res,next)=>{
2.   console.log('params:',req.params)
3.   res.end('用户参数获取成功')
4. })
5. app.get('/login',(req,res,next)=>{
6.   console.log('query:',req.query)
7.   res.end('用户登录成功')
8. })

复制代码

路由

我们可以使用express.Router来创建一个路由

• 一个Router实例拥有一个完整的中间件个路由系统。因此，它也被称为迷你应用程序（mini-app）
  

创建一个路由文件router/users.js

1. //router/users.js
3. const express = require('express')
5. const router = express.Router()
7. // 用户列表接口
9. router.get('/users',(req,res,next)=>{
11.   res.json(['张三','李四','王五'])
12. })
14. // 用户详情接口
15. router.get('/users/:id',(req,res,next)=>{
17.   res.json(`用户${req.params.id}的信息`)
18. })
21. // 创建用户接口
22. router.post('/user',(req,res,next)=>{
23.   res.json('创建用户成功')
24. })
27. module.exports = router

复制代码

在app中应用并注册路由

1. const express = require('express')
3. const app = express()
5. //引入路由
6. const userRouter = require('../02_express/routers/users')
8. // 注册路由中间件
9. app.use('/user',userRouter)
12. app.listen(8000,()=>{
13.   console.log('express server success')
14. })

复制代码

静态资源部署

1. app.use(express.static('./public'))//相对路径和绝对路径都可

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！