跟我一起了解koa中间件

一、是 什么是 Koa 的中间件

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

把它叫做中间件。

在 在express件 中间件( (Middleware )是一个函数,它可以访问请求对象(request object (req)),

响应对象(response object (res)), 和 web 应用中处理请求-响应循环流程中的中间件,一

般被命名为 next 的变量。在 Koa 中中间件和 express 有点类似。

中间件的功能包括:

执行任何代码。

修改请求和响应对象。

终结请求-响应循环。

调用堆栈中的下一个中间件。

如果我的 get、post 回调函数中,没有 next 参数,那么就匹配上第一个路由,就不会往下匹

配了。如果想往下匹配的话,那么需要写 next()

二、Koa 应用可使用如下几种中间件:

应用级中间件

路由级中间件

错误处理中间件

第三方中间件

1.应用级中间件

//app.js
//在匹配路由之前,会打印出时间
//引入 koa模块 var Koa=require('koa');
var router = require('koa-router')(); /*引入是实例化路由** 推荐*/
var app=new Koa();
//Koa中间件 //匹配任何路由 ,如果不写next,这个路由被匹配到了就不会继续向下匹配
// 匹配路由之前打印日期
app.use(async(ctx,next)=>{
console.log(new Date())
await next()
})
router.get('/',async(ctx)=>{
ctx.body = "首页"
})
router.get('/news',async(ctx)=>{
ctx.body = "新闻列表页面"
})
router.get('/login',async(ctx)=>{
ctx.body = "新闻登录页面"
})
app.use(router.routes())//启动路由
app.use(router.allowedMethods());
app.listen(3004);

路由级中间件

//app1.js

//引入 koa模块

var Koa=require('koa');
var router = require('koa-router')(); /*引入是实例化路由** 推荐*/
var app=new Koa(); //Koa中间件 //匹配任何路由 ,如果不写next,这个路由被匹配到了就不会继续向下匹配 router.get('/',async (ctx)=>{ ctx.body="首页"; })
// 匹配到news路由以后继续向下匹配路由
router.get('/news',async (ctx,next)=>{
console.log('这是一个新闻1'); await next();
})
router.get('/news',async (ctx)=>{ ctx.body='这是一个新闻';
}) router.get('/login',async (ctx)=>{
ctx.body="新闻列表页面";
}) app.use(router.routes()); /*启动路由*/
app.use(router.allowedMethods());
app.listen(3002);

效果图



koa中的错误处理中间件

//app2.js
var Koa = require('koa')
var router = require('koa-router')()
var app = new Koa()
app.use(async(ctx,next)=>{
console.log('这是一个中间件01')
next()
if(ctx.status == 404){
ctx.status = 404
ctx.body = '这是一个404页面'
}else{
console.log(ctx.url)
}
})
router.get('/',async (ctx)=>{ ctx.body="首页"; })
router.get('/news',async (ctx)=>{
console.log('这是新闻2');
ctx.body='这是一个新闻';
})
router.get('/login',async (ctx)=>{
ctx.body="新闻列表页面";
})
app.use(router.routes()); /*启动路由*/
app.use(router.allowedMethods());
app.listen(3003);

我们看下效果,就知道这个错误处理中间件到底是什么问题了

4.koa中间件的执行流程

//app3.js

//引入 koa模块

var Koa=require('koa');
var router = require('koa-router')(); /*引入是实例化路由** 推荐*/
var app=new Koa(); //Koa中间件 //匹配任何路由 ,如果不写next,这个路由被匹配到了就不会继续向下匹配 //www.域名.com/news
app.use(async (ctx,next)=>{
console.log('1、这是第一个中间件01');
await next(); console.log('5、匹配路由完成以后又会返回来执行中间件');
}) app.use(async (ctx,next)=>{
console.log('2、这是第二个中间件02');
await next(); console.log('4、匹配路由完成以后又会返回来执行中间件');
}) router.get('/',async (ctx)=>{ ctx.body="首页"; })
router.get('/news',async (ctx)=>{ console.log('3、匹配到了news这个路由');
ctx.body='这是一个新闻';
}) app.use(router.routes()); /*启动路由*/
app.use(router.allowedMethods());
app.listen(3004);

跟我一起了解koa(三)的更多相关文章

  1. 基于 vue+vue-router+vuex+axios+koa+koa-router 本地开发全栈项目

    因为毕业设计要做基于Node服务器的项目,所以我就想着用刚学的vue作为前端开发框架,vue作为Vue.js应用程序的状态管理模式+库,axios基于promise用于浏览器和node.js的http ...

  2. Koa源码分析(三) -- middleware机制的实现

    Abstract 本系列是关于Koa框架的文章,目前关注版本是Koa v1.主要分为以下几个方面: Koa源码分析(一) -- generator Koa源码分析(二) -- co的实现 Koa源码分 ...

  3. 3-5 第三天 Koa 和 Express 中间件

    Koa和Express这两个框架除了在接收请求和返回数据方面有非常通用.好用的封装以外,最有价值的地方就是它们有自己的中间件机制,所以说中间件可以看做是流水线上一个又一个的加工房间,每个加工的房间都只 ...

  4. koa 项目实战(三)创建测试接口和用户模型

    1.创建测试接口,并引入用户模型 根目录/routes/api/users.js const Router = require('koa-router'); const router = new Ro ...

  5. koa 基础(三)路由的另一种写法

    1.配置路由 app.js // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 ...

  6. KOA 学习(三)

    请求(Request) Koa Request 对象是对 node 的 request 进一步抽象和封装,提供了日常 HTTP 服务器开发中一些有用的功能. req.header 请求头对象 requ ...

  7. Node.js+Koa开发微信公众号个人笔记(三)响应文本

    响应输入文本和响应事件类似,首先对微信服务器发送来的数据的MsgType进行处理,如果是text,说明是文本,接下来可以对文本内容进行处理,比如用户输入了1,可以给用户回复一个文本或者图文或者视频等信 ...

  8. 跟我一起了解koa之koa的cookie(三)

    代码中写入 然后我们每次刷新浏览器,代码里面的pvid都会改变 我们可以读取cookie 访问json数据出现结果

  9. Node.js实现RESTful api,express or koa?

    文章导读: 一.what's RESTful API 二.Express RESTful API 三.KOA RESTful API 四.express还是koa? 五.参考资料 一.what's R ...

随机推荐

  1. 收藏的链接-Qt

    Qt编写的开源帖子集合(懒人专用) - QTCN开发网 - Powered by phpwind http://www.qtcn.org/bbs/read-htm-tid-85501.html?tds ...

  2. 配置vue项目的自定义config.js

    [1]不采用脚手架的config文件夹中的配置文件 [2]在static文件夹下,自定义一个congfig.js文件 // 配置开发环境下服务器地址 window.Glod = { pmsApiUrl ...

  3. css 图片高度自适应

    开始采用js,获取屏幕宽度,按宽高比来设置图片大小. var wid = window.screen.width; wid = wid * 0.85; $('.Img').css('width',wi ...

  4. Mybatis 动态insert动态插入的坑

    在写insert子句的时候,由于不知道需要插入多少字段,mybatis通过prefix,suffix,suffixOverrides很好的解决了该问题,实现了动态insert语句. 用这种动态插入时& ...

  5. JavaScript变量名与函数名的命名规范

    JavaScrip变量名与函数名的命名规范严格遵循以下5条: (1)首字符必须是字母.下划线.$,后跟任意的字母.数字.下划线.$ (2)严格区分大小写 (3)不能使用系统的关键字和保留字 (4)命名 ...

  6. GROUP方法也是连贯操作方法之一

    GROUP方法也是连贯操作方法之一,通常用于结合合计函数,根据一个或多个列对结果集进行分组 . group方法只有一个参数,并且只能使用字符串. 例如,我们都查询结果按照用户id进行分组统计: $th ...

  7. css之height: 100%的有效场景

    在css的日常应用中,经常会遇到想要通过 height: 100%来达到使子盒子与父盒子高度一样的目的,但是偶尔明明设置了height: 100%,但是却没有达到想要的结果,这次我们就一起探索一下,什 ...

  8. W: 仓库 “http://ppa.launchpad.net/levi-armstrong/qt-libraries-trusty/ubuntu xenial Release” 没有 Release 文件。

    解决办法:将对应的PPA删除掉即可 使用以下命令切换到对应PPA目录: cd /etc/apt/sources.list.dsudo rm levi-armstrong-ubuntu-qt-libra ...

  9. svn使用方法以及使用教程

    一.什么是svnSVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS. 二.svn的下载安装下载地址:https: ...

  10. 06_Spring JDBCTemplate

    Spring对不同持久化技术的支持 ORM持久化技术 模板类 JDBC org.springframework.jdbc.core.JdbcTemplate Hibernate3.0 org.spri ...