koa学习笔记

最新推荐文章于 2024-07-05 14:26:13 发布
最新推荐文章于 2024-07-05 14:26:13 发布
阅读量218 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43423291/article/details/108207620
版权

一.koa框架介绍

Node.js 是一个异步的世界，官方 API 支持的都是 callback 形式的异步编程模型，这 会带来许多问题，例如：1、callback 嵌套问题 2、异步函数中可能同步调用 callback 返回 数据，带来不一致性。为了解决以上问题 Koa 出现了。

Koa – 基于 Node.js 平台的下一代 web 开发框架

koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提 升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的 函数库，使得编写 Web 应用变得得心应手。开发思路和 express 差不多，最大的特点就是 可以避免异步嵌套。

安装koa

npm install --save koa / cnpm install --save koa

–save 参数，表示自动修改 package.json 文件，自动添加依赖项。

简单使用：

var koa =require('koa');
var app=new koa();  //实例化

//配置路由

//中间件

//express写法
//app.use(function(req,res){
//
//    res.send('返回数据')
//})


app.use( async (ctx)=>{
     ctx.body='你好 koa2.x';
})

app.listen(3000);  //监听3000端口

二.Koa异步处理Async、Await和Promise的使用

async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。

简单理解：

async 是让方法变成异步。

await 是等待异步方法执行完成。

详细说明：

async 是让方法变成异步，在终端里用 node 执行这段代码，你会发现输出了 Promise {‘Hello async’ }，这时候会发现它返回的是 Promise。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-npYkLq39-1598271285099)(https://i.loli.net/2020/08/22/vWajMAkbwT4IV97.png)]

await 在等待 async 方法执行完毕，其实 await 等待的只是一个表达式，这个表达式在官方文档里说的是 Promise 对象，但是它也可以接受普通值。 **注意：**await 必须在 async 方法中 才可以使用因为 await 访问本身就会造成程序停止堵塞，所以必须在异步方法中才可以使用。

//async 是让方法变成异步
/*
普通方法
 function getData(){

 return '这是一个数据';
 }

 console.log(getData());  //这是一个数据
* */



/*
async 是让方法变成异步
 async function getData(){

 return '这是一个数据';
 }

 console.log(getData());  //Promise { '这是一个数据' }


* */



/*如何获取async 异步方法里面的数据的第一种方法
 async function getData(){

     return '这是一个数据';
 }

 var p=getData();
 p.then((data)=>{
     console.log(data);
 })

* */


//await 是等待异步方法执行完成,可以获取异步方法里面的数据，但是必须得用在异步方法里面

/*await 错误的用法
 async function getData(){

    return '这是一个数据';
 }

 var d=await getData();
 console.log(d);  //await is only valid in async function

* */


//await 是等待异步方法执行完成,可以获取异步方法里面的数据，但是必须得用在异步方法里面

/*
 async function getData(){

    return '这是一个数据';
 }

 async function test(){

    var d=await getData();

    console.log(d);
 }
 test();

* */


//await 阻塞的功能 ，把异步改成一个同步


//async function getData(){
//    console.log(2);
//    return '这是一个数据';
//}
//async function test(){
//
//    console.log(1);
//    var d=await getData();
//    console.log(d);
//    console.log(3);
//}
//test();  //1  2  3





//async 定义的方法返回的是 Promise对象。



/*
 function getData(){

    return new Promise((resolve,reject)=>{
          setTimeout(()=>{
                 var username='张三';
                 resolve(username);


          },1000)
     })
 }

 var p=getData();
 p.then(function(d){      //异步的方式获取
        console.log(d);

 })

* */
//async/await 同时使用 async 会将其后的函数（函数表达式或 Lambda）的返回值封装成一个 Promise 对象，而 await 会等待这个 Promise 完成，并将其 resolve 的结果返回出来。

function getData(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            var username='张三';
            resolve(username);

        },1000)
    })
}
async function test(){

    var data=await getData();
    console.log(data);
}

test();

三.koa路由

路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等） 组成的，涉及到应用如何响应客户端对某个网站节点的访问。

通俗的讲：路由就是根据不同的 URL 地址，加载不同的页面实现不同的功能。

安裝koa-router

npm install --save koa-router

//引入 koa模块

var Koa=require('koa');

var Router = require('@koa/router');

//实例化
var app=new Koa();

var router = new Router();


//ctx  上下文 context ，包含了request 和response等信息

//配置路由
router.get('/',async (ctx)=>{

    ctx.body='首页'; /*返回数据    相当于：原生里面的res.writeHead()     res.end()*/
}).get('/news',async (ctx)=>{

    ctx.body="这是一个新闻页面"
})
//启动路由

app
    .use(router.routes())   /*启动路由*/
    .use(router.allowedMethods());   /*可以配置也可以不配置,建议配置，*/


/*
 router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头
*/

app.listen(3000);

四.Koa路由获取get传值

//引入 koa模块

var Koa=require('koa');

var router = require('@koa/router')();  /*引入是实例化路由** 推荐*/

//实例化
var app=new Koa();

router.get('/',async (ctx)=>{
    ctx.body="首页";

})

router.get('/news',async (ctx)=>{
    ctx.body="新闻列表页面";

})
//获取get传值
//http://localhost:3002/newscontent?aid=123

router.get('/newscontent',async (ctx)=>{

    /*在 koa2 中 GET 传值通过 request 接收，但是接收的方法有两种：query 和 querystring。
     query：返回的是格式化好的参数对象。
     querystring：返回的是请求字符串。*/

    //从ctx中读取get传值

    console.log(ctx.query);  //{ aid: '123' }       获取的是对象   用的最多的方式      ******推荐

    console.log(ctx.querystring);  //aid=123&name=zhangsan      获取的是一个字符串

    console.log(ctx.url);   //获取url地址

    //ctx里面的request里面获取get传值

    console.log(ctx.request.url);
    console.log(ctx.request.query);   //{ aid: '123', name: 'zhangsan' }  对象
    console.log(ctx.request.querystring);   //aid=123&name=zhangsan


    ctx.body="新闻详情";

})


app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());
/*
*  router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头*/
app.listen(3002);

五.koa中间件

1.什么是Koa的中间件

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

把它叫做中间件。

在 express **中间件（Middleware）是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和 web 应用中处理请求-响应循环流程中的中间件，一 般被命名为 next 的变量。在 Koa 中中间件和 express 有点类似。

中间件的功能包括：

执行任何代码。

修改请求和响应对象。

终结请求-响应循环。

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

如果我的 get、post 回调函数中，没有 next 参数，那么就匹配上第一个路由，就不会往下匹 配了。如果想往下匹配的话，那么需要写 next()

2.Koa 应用可使用如下几种中间件：

应用级中间件：

//引入 koa模块

var Koa=require('koa');
var router = require('koa-router')();  /*引入是实例化路由** 推荐*/
var app=new Koa();

//Koa中间件

//匹配任何路由  ，如果不写next，这个路由被匹配到了就不会继续向下匹配
/*
 app.use(async (ctx)=>{
    ctx.body='这是一个中间件';
 })
* */

/*匹配路由之前打印日期*/
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(3002);

路由级中间件：


//引入 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='新闻2';
})

router.get('/login',async (ctx)=>{
    ctx.body="新闻列表页面";
})


app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());
app.listen(3002);

错误处理中间件


//引入 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('这是一个中间件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(3002);

第三方中间件

const static = require('koa-static'); 
	const staticPath = './static'; 
	app.use(static(
	path.join( __dirname, staticPath)
)) 

const bodyParser = require('koa-bodyparser');
app.use(bodyParser());

3.koa中间件处理流程

QQ截图20200822222246.png

//Koa 选择了洋葱圈模型

//引入 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(3002);

1、这是第一个中间件
2、这是第二个中间件
3、匹配到news路由
4、匹配路由完成以后返回来执行中间件
5、匹配路由完成以后返回来执行中间件

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(3002);

1、这是第一个中间件
2、这是第二个中间件
3、匹配到news路由
4、匹配路由完成以后返回来执行中间件
5、匹配路由完成以后返回来执行中间件
After_wade
关注
koa 学习笔记
weixin_43069018的博客
07-21 764
koa 是什么 Koa 是一个新的web 框架，由Express 幕后的原班人马打造， 致力于成为web 应用和API 开发领域中的一个更小、更富有表现力、更健壮的基石 洋葱模型 const Koa = require('koa') // 类名一般要大写 const app = new Koa() // 实例化 /* * node 进程 如果没有重启的话 做得修改是没有用的 * */ app....
Koa学习笔记
qq_33365152的博客
01-10 1046
Koa学习笔记、nodejs、Koa、服务器、框架
Node.js 核心知识点 - Koa 框架
最新发布
qq_61723274的博客
07-05 1244
/ 导入数据库连接对象// 路由处理函数// 查询的 sql 语句// 执行查询的 sql 语句// 执行错误if(err) {})})// 返回响应信息// 导入路由// 导入路由处理函数// 创建路由对象。
Koa学习笔记1
qq_43763188的博客
02-21 925
jQuery 一、jQuery简介 jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。主要用途是查询，使用 jQuery能让我们对HTML文档遍历、事件处理、动画以及Ajax变得更加简单。
koa2学习笔记
han_xiao_xiao的博客
06-07 1182
Koa2学习笔记
Koa学习笔记：koa-body处理表单数据
qq_24724109的博客
12-08 2007
8. koa-boby模块 1. 前言 Koa-body模块 Koa2中利用Koa-body代替koa-bodyparser和koa-multer。原来通过koa-bodyparser来打包Post请求的数据，通过koa-multer来处理multipart的文件;使用koa-body后，ctx.request.files获得Post中的文件信息。ctx.request.body获得Post上传...
node.js学习笔记之koa框架和简单爬虫练习
10-17
Node.js是一种基于Chrome V8引擎的JavaScript运行环境，它让JavaScript能够运行在服务器端...对于想要深入学习Node.js和Koa框架的人来说，这篇文章提供了不少实用的代码示例和背景知识，为后续的实践和开发打下了基础。
Koa学习笔记: Koa2解决跨域问题
qq_24724109的博客
12-11 1133
1. 使用jsonp解决跨域问题 jsop核心：后端将数据以函数参数的形式进行返回，利用script跨域的方式来解决跨域问题; 设置方法: 获取想返回的响应体数据 利用javascript callback(param)返回一个jsonp的函数体 设置type为text/javascript 设置返回的响应体 // index.js const Koa = require('koa');...
koa2-note, 《Koa2进阶学习笔记》持续更新....zip
09-16
koa2-note, 《Koa2进阶学习笔记》持续更新...
《koa 学习笔记》
yk_ddm的博客
09-20 136
目录koa 学习笔记koa 简介 koa 学习笔记 koa 简介 基于 Node.js 平台的 web 开发框架; 由 express 人员打造; 减少重复的回调函数嵌套，提升错误处理的效率；
Koa2 进阶学习笔记
大灰狼的小绵羊哥哥的博客
09-28 641
第一次写书，如有错误，欢迎指正！O(∩_∩)O~。 GitHub地址 https://github.com/ChenShenhai/koa2-note/ Gitbook地址 https://chenshenhai.github.io/koa2-note/ 目录 koa2开始 快速开始 async/await使用 koa2简析结构 koa中间件开发与使用 路由 原生...
koa 笔记
yewenxiang的博客
05-30 575
Context对象 Koa提供一个Context对象，表示一次对话的上下文（包括HTTP请求和HTTP回复），通过给这个对象赋值可以控制返回给用户的内容。 eg: const Koa = require('koa); const app = new Koa(); const main = ctx => { ctx.response.body = 'Hello World'; ...
koa笔记
a15180180753的博客
05-19 155
Koa笔记1.基本apictx.response.body = `**`;       //设置访问页内容ctx.response.type = 'html';     //设置访问页类型，可选，html，json，text，xmlctx.requset.accepts('html');    //判定客户端页面访问类型，返回boolean类型ctx.url ==== '/index';     ...
koa2学习笔记（一）
weixin_34352449的博客
08-06 100
背景 上个月在做新系统开发的时候，团队启用了阿里系的Egg.js，基于koa的Node框架，有兴趣的童鞋可以到Egg.js官网看看。在此基础上自己学习了koa2，做了一些简单笔记。 HelloWorld 环境准备 Node版本>=7.6.0，才支持async和await 安装koa2 # 初始化package.json npm init # 安装koa2 npm install koa ...
node koa 笔记
m0_37602317的博客
10-11 225
Koa 笔记 Koa 旨在为Web应用程序和API提供更小、更丰富和更强大的能力，相对于 express 具有更强的异步处理能力，Koa的核心代码只有1600+行，是一个更加轻量级的框架。 koa 注册的中间件提供了两个参数 ctx：上下文（Context）对象 koa并没有像express一样，将req和res分开，而是将它们作为 ctx的属性 ctx代表依次请求的上下文对象 ctx.request：获取请求对象 ctx.response：获取响应对象 next：本质上是一个dispatch，类似
深入解析：Koa-router源码学习与实战指南
通过学习Koa-router源码，开发者可以更好地理解和优化自己的Koa应用，实现灵活的路由配置和高效处理HTTP请求。这不仅有助于提升代码的可读性和可维护性，也有利于进一步扩展和定制Koa框架的功能。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值