Koa2学习(五)中间件

Koa2通过app.use(function)方法来注册中间件。

所有的http请求都会依次调用app.use()方法,所以中间件的使用顺序非常重要。

中间件的执行顺序

官方说明:

假设依次有 A、B 两个中间件,首先请求流通过 A 中间件,然后继续移交控制给 B 中间件。当一个中间件调用 next() 则该函数暂停并将控制传递给定义的下一个中间件。当在下游没有更多的中间件执行后,堆栈将展开并且每个中间件恢复执行其上游行为。


我们来做个简单的测试,写三个中间件来测试执行顺序:

  1. const Koa = require('koa')
  2. const app = new Koa()
  3. app.use(async (ctx, next) => {
  4. console.log('http request 1')
  5. await next()
  6. console.log('http request end 1')
  7. })
  8. app.use(async (ctx, next) => {
  9. console.log('http request 2')
  10. await next()
  11. console.log('http request end 2')
  12. })
  13. app.use(async (ctx, next) => {
  14. console.log('http request 3')
  15. await next()
  16. console.log('http request end 3')
  17. })
  18. app.listen(8000)
  19. module.exports = app

模拟了一个请求之后,可以看到node.js控制台依次输出:

  1. http request 1
  2. http request 2
  3. http request 3
  4. http request end 3
  5. http request end 2
  6. http request end 1

因此,可以得知官网的意思是:中间件中的方法,会以一个栈结构的顺序来执行,先由上至下依次执行,在遇到await next()方法后,会暂停该中间件的执行,执行下一个中间件,当所有的中间件都执行完毕时,再由下往上依次执行每个中间件next 后面的方法。

实现一个简单的log time中间件

知道了中间件的执行原理,写一个中间件就非常简单了。

例如实现一个简单的打印请求耗时的中间件只需要简单的几行代码:

  1. app.use(async (ctx, next) => {
  2. const url = ctx.url
  3. const method = ctx.method
  4. console.time(`-- ${method} ${url} cost`)
  5. await next()
  6. console.timeEnd(`-- ${method} ${url} cost`)
  7. })

在浏览器发起一个请求localhost:8000?username=zj

在node.js控制台打印:

  1. -- GET /?username=zj cost: 2.337ms
  2. -- GET /favicon.ico cost: 0.159ms

可以看到第一个是正常请求的log,第二个是请求图标的log。

koa-bodyparser

koa-bodyparser中间件能够帮我们自动解析post参数。

通过koa-bodyparser,我们能够很方便的在ctx.request.body里面直接获取到解析好的数据。

请看代码:

  1. const Koa = require('koa')
  2. const app = new Koa()
  3. const bodyparser = require('koa-bodyparser')
  4. app.use(bodyparser({
  5. enableTypes:['json', 'form', 'text']
  6. }))
  7. app.use(async ctx => {
  8. const req = ctx.request
  9. const url = req.url // 请求的url
  10. const method = req.method // 请求的方法
  11. console.log(req.body)
  12. ctx.body = req.body
  13. })
  14. app.listen(8000)
  15. module.exports = app

通过curl模拟请求:

  1. $ curl -i -H "Accept: application/json" -H "Content-type: application/json" -X POST -d '{"id":100}' http://localhost:8000

可以看到node.js控制台输出:

  1. { id: 100 }

koa-router

koa-router是一款官方默认的路由中间件,如果我们自己实现路由的话,可能需要手动去判断请求url,再返回不同的响应,但是有了koa-router中间件之后,我们可以很方便的对路由进行系统化的管理。

具体使用方法我们在下节再讲。

Koa2学习(五)中间件的更多相关文章

  1. koa2学习(二) 中间件router

    中间件 koa-router 安装 npm install --save koa-router 使用 const Koa = require('koa'); const Router = requir ...

  2. {Django基础九之中间件} 一 前戏 二 中间件介绍 三 自定义中间件 四 中间件的执行流程 五 中间件版登陆认证

    Django基础九之中间件 本节目录 一 前戏 二 中间件介绍 三 自定义中间件 四 中间件的执行流程 五 中间件版登陆认证 六 xxx 七 xxx 八 xxx 一 前戏 我们在前面的课程中已经学会了 ...

  3. Koa2学习(八)使用session

    Koa2学习(八)使用session koa2框架不提供session的处理方法,这里我们需要借助一个第三方中间件koa-session来处理session. 先安装插件: $ npm i koa-s ...

  4. Koa2学习(六)使用koa-router

    Koa2学习(六)使用koa-router 配置简单路由 引入中间件 配置需要的路由 通过app.use注册路由 const Koa = require('koa') const app = new ...

  5. Koa2学习(一)环境搭建

    Koa2学习(一)环境搭建 koa2脚手架 koa2服务安装 koa2-generator目录结构 什么是 Koa2 koa 是由 Express 原班人马打造的,致力于成为一个更小.更富有表现力.更 ...

  6. TweenMax动画库学习(五)

    目录            TweenMax动画库学习(一)            TweenMax动画库学习(二)            TweenMax动画库学习(三)            Tw ...

  7. SVG 学习<五> SVG动画

    目录 SVG 学习<一>基础图形及线段 SVG 学习<二>进阶 SVG世界,视野,视窗 stroke属性 svg分组 SVG 学习<三>渐变 SVG 学习<四 ...

  8. Android JNI学习(五)——Demo演示

    本系列文章如下: Android JNI(一)——NDK与JNI基础 Android JNI学习(二)——实战JNI之“hello world” Android JNI学习(三)——Java与Nati ...

  9. ZigBee学习五 无线温度检测

    ZigBee学习五 无线温度检测 1)修改公用头文件GenericApp.h typedef union h{ uint8 TEMP[4]; struct RFRXBUF { unsigned cha ...

随机推荐

  1. POJ 3259 Wormholes(负权环路)

    题意: 农夫约翰农场里发现了很多虫洞,他是个超级冒险迷,想利用虫洞回到过去,看再回来的时候能不能看到没有离开之前的自己,农场里有N块地,M条路连接着两块地,W个虫洞,连接两块地的路是双向的,而虫洞是单 ...

  2. Linux常用命令大全 --- 文件备份和压缩命令

    在linux中,常用的文件压缩工具有gzip.bzip2.zip . bzip2是最理想的压缩工具,它提供了最大限度的压缩.zip 兼容性好windows也支持 1.bzip2 命令 在shell 提 ...

  3. 关于 HTTP meta 的 IE=edge 说明

    http://www.oschina.net/question/54100_17414 陌生标记标记一: < meta http-equiv = "X-UA-Compatible&qu ...

  4. 命令行可以执行python脚本,jenkins里执行报错:cannot find Chrome binary

    “selenium.common.exceptions.WebDriverException: Message: unknown error: cannot find Chrome binary”这个 ...

  5. HDU 1102 Kruscal算法

    题目大意:给定村庄的数量,和一个矩阵表示每个村庄到对应村庄的距离,矩阵主对角线上均为1 在给定一个数目Q,输入Q行之间已经有通道的a,b 计算还要至少修建多少长度的轨道 这道题目用Kruscal方法进 ...

  6. THUWC2018 暴力+爆炸记

    Day 0 没有Day0. Day 1 签到然后去宿舍,环境还行,比某偏远山区要强多了,不过这热水有点难拿??看RP有遇到煮好水的饮水机就拿,没有就苟矿泉水. 中午,那个餐还是挺好吃的,不过餐费40就 ...

  7. TimePickerDialog

    package com.pingyijinren.helloworld.activity; import android.app.TimePickerDialog; import android.su ...

  8. 《APP开发》APP规范实例-详细的UI设计方法

    对了一个APP开发初手来说,可能心里有很多的疑惑: 屏幕设计为多宽,宽度是不是应该设置为百分比; 按钮大小多大,怎么排列,文字字体用多大的?什么字体显示好看?图标多大,怎么用色?界面怎么布局?等等很多 ...

  9. PAT (Advanced Level) 1038. Recover the Smallest Number (30)

    注意前导零的消去. #include <iostream> #include <string> #include <sstream> #include <al ...

  10. BNUOJ Eeny Meeny Moo

    Eeny Meeny Moo Time Limit: 1000ms Memory Limit: 65535KB                     大家都有这种经验,当太多的人同时使用互联网的时候 ...