Koa2中间件的作用及路由实现实例详解

 更新时间:2023年05月24日 10:42:17   作者:前端老兵  
这篇文章主要介绍了Koa2中间件的作用及路由实现实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

中间件 与 koa2中间件

通俗的讲:中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以 把它叫做中间件。

中间件的作用就是,在上下两个事件通讯的过程中强行塞入一个事件,这个事件可以起到承上启下的作用,并在运行应用的时候做一些只关于部分模块化功能。

中间件其实并不是koa2的发明,在express中就已经存在了,只不过koa2站在了es7巨人的肩膀上,使用async await让中间件形成了一个饱满的洋葱型。

Koa 中间件采用的是洋葱圈模型,每次执行下一个中间件传入两个参数 ctx 和 next,参数 ctx 是由 koa 传入的封装了 request 和 response 的变量,可以通过它访问 request 和 response,next 就是进入下一个要执行的中间件 。

// 中间件,暴露一个函数
module.exports = function () {
  return async function (ctx, next) {
    pv(ctx);
    // 执行下一个中间件,没有下一个中间件就执行完了
    await next();
  };
};

koa2的中间件可以有好几层,在每一次请求与响应的时候,都可以在中间拦截,

做登录态管理、状态码管理、错误处理...总之每个中间件都可以做一次拦截来搞事情。

Koa 中间件作用

中间件功能是可以访问请求对象(request),响应对象(response)和应用程序的请求-响应周期中通过 next 对下一个中间件函数的调用。

通俗来讲,利用这个特性在 next 之前对 request 进行处理,在 next 函数之后对 response 处理。Koa 的中间件模型可以非常方便的实现后置处理逻辑。

实例

const koa = require('koa')
const app = new koa()
app.use(async (ctx,next) => {
    console.log('1')
    await next()
    console.log('1-1')
    ctx.body = 'hello world'
})
app.use(async (ctx,next) => {
    console.log('2')
    await next()
    console.log('2-1')
})
app.use((ctx) => {
    console.log('3')
})
app.listen(3000)

输出

1
2
3
2-1
1-1

自己编写一个Koa路由中间件

官网地址https://koa.bootcss.com/index.html#request

const koa = require('koa')
const app = new koa()
app.use(async (ctx) => {
    if (ctx.url === '/') {
        console.log('这是首页');
        ctx.body = '这是首页'
    } else if (ctx.url === '/user') {
        if (ctx.method === 'GET') {
            console.log('这是用户列表页');
            ctx.body = '这是用户列表页'
        } else if (ctx.method === 'POST') {
            console.log('添加用户');
            ctx.body = '添加用户'
        }
    } else {
        ctx.status = 404
    }
})
app.listen(3000)

使用koa-router实现路由

const koa = require('koa')
const Router = require('koa-router')
const app = new koa()
const router = Router({
    prefix: '/user'
})
router.get('/', async (ctx) => {
    ctx.body = '这是用户首页'
})
router.get('/del', async (ctx) => {
    ctx.body = '删除用户'
})
router.post('/add', async (ctx) => {
    ctx.body = '添加用户'
})
app.use(router.routes())
app.listen(3000)

参考文档 https://koa.bootcss.com/index.html

以上就是Koa2中间件的详细内容,更多关于Koa2中间件的资料请关注脚本之家其它相关文章!

相关文章

  • 安装多版本node的完整步骤记录

    安装多版本node的完整步骤记录

    在平时的使用中常会遇到这样的场景,手上有多个前端项目,每个项目使用的Nodejs的版本都不太一致,下面这篇文章主要给大家介绍了关于安装多版本node的完整步骤,需要的朋友可以参考下
    2024-01-01
  • NodeJS模块Buffer原理及使用方法解析

    NodeJS模块Buffer原理及使用方法解析

    这篇文章主要介绍了NodeJS模块Buffer原理及使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • nodejs如何读取文件二进制 前端响应blob或base64显示图片

    nodejs如何读取文件二进制 前端响应blob或base64显示图片

    这篇文章主要介绍了nodejs如何读取文件二进制 前端响应blob或base64显示图片方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • 5分钟教你用nodeJS手写一个mock数据服务器的方法

    5分钟教你用nodeJS手写一个mock数据服务器的方法

    这篇文章主要介绍了5分钟教你用nodeJS手写一个mock数据服务器的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • node实现socket链接与GPRS进行通信的方法

    node实现socket链接与GPRS进行通信的方法

    这篇文章主要介绍了node实现socket链接与GPRS进行通信的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 学习Nodejs之fs模块的使用详解

    学习Nodejs之fs模块的使用详解

    这篇文章主要为大家详细介绍了Nodejs之fs模块的使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • Node.js包管理工具(npm、yarn、cnpm)

    Node.js包管理工具(npm、yarn、cnpm)

    本文主要介绍了Node.js包管理工具,包含npm、yarn、cnpm者三种,借助包管理工具,可以快速开发项目,提升开发效率,下面就来具体介绍一下如何使用,感兴趣的可以了解一下
    2024-08-08
  • async/await优雅的错误处理方法总结

    async/await优雅的错误处理方法总结

    这篇文章主要给大家介绍了关于async/await优雅的错误处理方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • node.js实现pdf与图片互转代码示例

    node.js实现pdf与图片互转代码示例

    因工作需求,记录一次如何在Node中pdf与图片互转各种操作,这篇文章主要给大家介绍了关于node.js实现pdf与图片互转的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • Express之get,pos请求参数的获取

    Express之get,pos请求参数的获取

    本篇文章主要介绍了Express之get,pos请求参数的获取的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05

最新评论