新版koa2学习

最新推荐文章于 2024-03-29 11:49:43 发布
最新推荐文章于 2024-03-29 11:49:43 发布
阅读量350 收藏
点赞数
分类专栏： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42249565/article/details/101268231
版权

一,初始化koa

1, npm init -y //初始化项目
2,npm install -g cnpm --registry=https://registry.npm.taobao.org //切换镜像
3, cnpm install koa --save //安装koa
4, 编写基本代码

const koa=require('koa');
const app = new koa();
app.use(async(cxt)=>{
	cxt.body='我运行成功了'
})
app.listen(3000,()=>{
	console.log('我在3000端口运行')
})

5,跑成功了

二, 准备es6语法,我这里就不写了

三,在写一遍scync 和 awite 和 Promise

function testAwait(){ 
console.log("testAwait");
}
async function helloAsync(){
await testAwait(); //等待上面函数解决结果
console.log("helloAsync");
}

四,路由

cnpm install koa-router --save 安装路由

路由使用

const Koa = require('koa');
const Router = require('koa-router');//引入路由
const app = new Koa();
const router = new Router();
router.get('/',async (ctx)=>{
	ctx.body='111';
}).post('/',async (ctx)=>{
	ctx.body='222';
})
app.use(router.routes()).use(router.allowedMethods());//使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
app.listen(3000,()=>{
	console.log('我在3000端口运行')
})

get 传值 实例

const Koa = require('koa');
const router = require('koa-router')();//引入路由
const app = new Koa();
router.get('/',async (ctx)=>{
	console.log(ctx.request) //原生请求
	console.log(ctx.query) //这个是返回对象
	console.log(ctx.querystring) //这个是返回字符串
	console.log(ctx.url)//获取get url 地址
	ctx.body='111';
})
app.use(router.routes()).use(router.allowedMethods());//使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
app.listen(3000,()=>{
	console.log('我在3000端口运行')
})

动态路由

const Koa = require('koa');
const router = require('koa-router')();//引入路由
const app = new Koa();
router.get('/index',async (ctx)=>{ 
	console.log(ctx.params) //获取动态路由,这里注意,可以传入多个动态路由,还需要注意,如果定义了就一定要传入,这里需要在研究游戏,动态路由
	ctx.body='121'; 
})
router.get('/index/:id',async (ctx)=>{ 
	console.log(ctx.params) //获取动态路由,这里注意,可以传入多个动态路由,还需要注意,如果定义了就一定要传入
	ctx.body='111'; 
})
app.use(router.routes()).use(router.allowedMethods());//使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
app.listen(3000,()=>{
	console.log('我在3000端口运行')
})

五,中间件

围绕路由的操作,包括,在匹配路由之前,做某件事,匹配路由之后做某件事,可以理解 生命周期,钩子函数,代理等等

应用级中间件//在主程序调用,两个参数,一个是,对应路由,二个是对应的操作

app.use('/',async(cxt,next)=>{
	ctx.body='777'
	await next() //代表往下执行,就卡住这里了
})

路由级中间件

在路由内使用的中间件//执行完可以继续向下匹配

router.get('/index',async (ctx,next)=>{ 
	console.log(11221);
	await next()
})
router.get('/index',async (ctx)=>{ 
	console.log(11222221);
})

错误中间件

这里主要是执行顺序,最后执行的才是404
这里需要理解 洋葱头 执行顺序
先执行 next 之前的,然后等待 next 执行完, 在执行next 之后的

	const Koa = require('koa');
	const router = require('koa-router')();//引入路由
	const app = new Koa();
	app.use(async(ctx,next)=>{
		console.log(111);
		await next()
		if(ctx.status==404){
			ctx.status = 404;
			ctx.body="这是一个 404 页面"
		}
	})
	router.get('/index',async (ctx,next)=>{ 
		console.log(11221);
		await next()
	})
	router.get('/index',async (ctx)=>{ 
		console.log(11222221);
		ctx.body='1111'
	})
	app.use(router.routes()).use(router.allowedMethods());//使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
	app.listen(3000,()=>{
		console.log('我在3000端口运行')
	})

六,模版 引擎

安装 cnpm install --save koa-views //安装视图

安装 cnpm install ejs --save 模版引擎

引入 var views = require(‘koa-views’); //views引入

使用 视图中间件 ,并把 引擎设置为ejs,第一个代表是 模版的位置,第二个是参数

app.use(views(__dirname + '/views', { //这个是带参数的,默认后缀是html
  map: {
	html: 'ejs'
  }
}));
或者
app.use(views(__dirname, { extension: 'ejs' })) //这个应该是简写

使用引擎,渲染数据 //基本跑起来了

const Koa = require('koa');
const Router = require('koa-router'); //引入路由
const views = require('koa-views'); //引入视图
const app = new Koa();
const router = new Router();
router.get('/', async (ctx) => {
	let title = 'hello koa2' ; //设置变量
	await ctx.render('index',{ //输出index 模版,并设置数据title //主要,一定要await 这里是异步操作
		title
	})
})
app.use(views(__dirname+'/view', { extension: 'ejs' }))
app.use(router.routes()).use(router.allowedMethods()); //使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
app.listen(3000, () => {
	console.log('我在3000端口运行')
})

ejs基本使用方法

<%=h%> 绑定数据
<%for(var i=0;i<list.length;i++) { %> //循环输出数据
	<li><%=list[i] %></li>
<%}%>
<% if(true){ %> //条件判断
	<div>true</div>
<%} else{ %>
	<div>false</div>
<%} %>
<%- include header.ejs %> 引入数据
<%-h%> //引入 html 用来解析html 用= 会把数据原样输出,不替换html

对所有添加一个公共变量

//写一个中间件配置公共的信息 //这个是模版引擎的用法
app.use(async (ctx,next)=>{
	ctx.state.userinfo='张三';
	await next();/*继续向下匹配路由*/
})

七,post 提交数据

原生方法 //下面是原生使用,记住,await 等待的是 promise 数据 //这里要学习

function parsePostData(ctx){
	return new Promise((resolve,reject)=>{
		try{
			let postdata="";
			ctx.req.on('data',(data)=>{
				postdata += data
			})
			ctx.req.on("end",function(){
				resolve(postdata);
			})
		}catch(error){
			reject(error);
		}
	});
}

使用中间件,koa-bodyparser

安装 cnpm install koa-bodyparser --save
引入 const bodyParser = require(‘koa-bodyparser’)
使用 app.use(bodyParser());
	const Koa = require('koa');
	const Router = require('koa-router'); //引入路由
	const views = require('koa-views'); //引入视图
	const bodyParser = require('koa-bodyparser'); //引入post 引擎
	const app = new Koa();
	const router = new Router();
	router.get('/', async (ctx) => {
		await ctx.render('index')
	})
	router.post('/',async (ctx)=>{
		ctx.body=ctx.request.body; //这样使用
	})
	app.use(bodyParser());
	app.use(views(__dirname+'/view', { extension: 'ejs' }))
	app.use(router.routes()).use(router.allowedMethods()); //使用路由,1,这个在最后调用,2,allowedMethods应该是拦截的意思,说明最后根据情况设置相应头,建议添加
	app.listen(3000, () => {
		console.log('我在3000端口运行')
	})

八,静态资源

安装 cnpm install koa-static --save

引入 const serve = require(‘koa-static’);

使用 app.use(serve(‘test/fixtures’)); 或者 app.use(serve(__dirname + ‘/test/fixtures’));

//这里需要注意的是中间件可以配置多个,配置多个目录是静态文件
const Koa = require('koa');
const Router = require('koa-router'); //引入路由
const views = require('koa-views'); //引入视图
const bodyParser = require('koa-bodyparser'); //引入post 引擎
const serve = require('koa-static'); //引入静态资源
const app = new Koa();
const router = new Router();
router.get('/', async (ctx) => {
	await ctx.render('index')
})
app.use(serve('static'));
app.use(bodyParser());
app.use(views(__dirname+'/view', { extension: 'ejs' }))
app.use(router.routes()).use(router.allowedMethods()); 
app.listen(3000, () => {
	console.log('我在3000端口运行')
})

九,art-template 另一个模版,腾讯公司出品

安装 cnpm install art-template --save

cnpm install koa-art-template --save

引入 const render = require(‘koa-art-template’);

render(app, {
  root: path.join(__dirname, 'view'), //模版地址//这里使用了,path 了
  extname: '.html', //后缀名称
  debug: process.env.NODE_ENV !== 'production' //是否开启调试模式//直接用真假就行
});

可以参考官方文档

const Koa = require('koa');
const Router = require('koa-router'); //引入路由
const bodyParser = require('koa-bodyparser'); //引入post 引擎
const serve = require('koa-static'); //引入静态资源
const render = require('koa-art-template'); //腾讯高效模版引擎
const path = require('path'); //这个是内置path 模块
const app = new Koa();
const router = new Router();
router.get('/', async (ctx) => {
	await ctx.render('index')
})
//配置模版引擎
render(app, {
  root: path.join(__dirname, 'view'), //模版地址//这里使用了,path 了
  extname: '.html', //后缀名称
  debug: process.env.NODE_ENV !== 'production' //是否开启调试模式//直接用真假就行
});
app.use(serve('static'));
app.use(bodyParser());
app.use(router.routes()).use(router.allowedMethods()); 
app.listen(3000, () => {
	console.log('我在3000端口运行')
})

语法,非常好,复制文档就行

文档

十,cookie

这个内置功能,直接用ctx

const Koa = require('koa');
const Router = require('koa-router'); //引入路由
const app = new Koa();
const router = new Router();
router.get('/', async (ctx) => {
	 ctx.cookies.set( 'cid', 'ddddd', //可替换为token 
		{ domain: 'localhost', // 写cookie所在的域名 
			path: '/', // 写cookie所在的路径 
			maxAge: 10 * 60 * 1000, // cookie有效时长 
			//expires: new Date('2017-02-15'), // cookie失效时间 
			httpOnly: false, // 是否只用于http请求中获取 
			overwrite: false ,// 是否允许重写 
		})
		
}).get('/index',async (ctx)=>{
	console.log(ctx.cookies.get('cid'));
})
app.use(router.routes()).use(router.allowedMethods()); 
app.listen(3000, () => {
	console.log('我在3000端口运行')
})

不能设置中文

使用base64

console.log(new Buffer('hello, world!').toString('base64'));// 转换成 base64 字符
console.log(new Buffer('aGVsbG8sIHdvcmxkIQ==', 'base64').toString());// 还原 base64 
	const Koa = require('koa');
	const Router = require('koa-router'); //引入路由
	const app = new Koa();
	const router = new Router();
	router.get('/', async (ctx) => {
		let wo=new Buffer('水电费').toString('base64');
		 ctx.cookies.set( 'cid', wo)
	}).get('/index',async (ctx)=>{
		let wo=ctx.cookies.get('cid');
		console.log(new Buffer(wo, 'base64').toString());
	})
	app.use(router.routes()).use(router.allowedMethods()); 
	app.listen(3000, () => {
		console.log('我在3000端口运行')
	})

十一, Session

安装 cnpm install koa-session --save

引入 const session = require(‘koa-session’);

配置

app.keys = ['some secret hurr']; //这个是签名,默认
const CONFIG = {
  key: 'koa:sess', //这个是签名,默认
  maxAge: 86400000, //过期时间
  autoCommit: true, //自动设置头,默认
  overwrite: true, //是否覆盖,默认
  httpOnly: true, //是否只有服务器端访问
  signed: true, //签名,默认
  rolling: false, //每次是否刷新session
  renew: false, //快过期时候刷新session,应该开启
};
app.use(session(CONFIG, app));

4,使用

//设置值 ctx.session.username = "张三";
//获取值 ctx.session.username
const Koa = require('koa');
const router = require('koa-router')(); //引入路由
const session = require('koa-session');
const app = new Koa();
router.get('/', async (ctx) => {
	ctx.session.username = "张三";
}).get('/index',async (ctx)=>{
	console.log(ctx.session.username)
})
app.keys = ['some secret hurr']; //这个是签名,默认
const CONFIG = {
  key: 'koa:sess', //这个是签名,默认
  maxAge: 86400000, //过期时间
  autoCommit: true, //自动设置头,默认
  overwrite: true, //是否覆盖,默认
  httpOnly: true, //是否只有服务器端访问
  signed: true, //签名,默认
  rolling: false, //每次是否刷新session
  renew: true, //快过期时候刷新session,应该开启
};
app.use(session(CONFIG, app));
app.use(router.routes()).use(router.allowedMethods()); 
app.listen(3000, () => {
	console.log('我在3000端口运行')
})

十二, js 类和继承

十三, 有关数据库的封装，这里先不封装了，过一段时间再说。

十四，路由的模块

先了解官方的模块安装（官方项目生成器）

1、全局安装 cnpm install koa-generator -g
2、创建项目 koa koa_demo
3、安装依赖 cd koa_demo
npm install
4、启动项目 npm start

大模块处理

首先新建文件，设置路由文件 //下面是新建文件内容，举例，下面是index.js
	const Router = require('koa-router'); //引入路由
	let router = new Router(); //实例化路由
	router.get('/',async(ctx)=>{ //这里定义了三个路由
		ctx.body="这是前台首页";
	})
	router.get('/news',async(ctx)=>{
		ctx.body ='这是前台新闻页面';
	})
	router.get('/user',async(ctx)=>{
		ctx.body ='这是用户页面';
	})	
	module.exports=router; //这里是暴露路由，也可以在这里实例化
在主文件引入，并使用 这里是可以多级引入的，就是在子文件夹，在建文件夹，在引入文件
	const Koa = require('koa');
	const app = new Koa();
	const Router = require('koa-router');
	let index=require('./module/index.js');
	//装载所有子路由
	let router = new Router();
	router.use('/index,index.routes());
	//加载路由中间件 下面也不能省
	app.use(router.routes());
	app.use(router.allowedMethods());
	app.listen(3000,()=>{
		console.log('[demo] server is starting at port 3000');
	});

模版的模块处理

前台模版，直接使用就行，

router.get('/', async (ctx) => {
	await ctx.render('index/index')
})
两个人的幸福online
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
koa-docs-Zh-CN：Koa文档的中文版本，更新至v2.12.0版本
02-03
koa-docs-Zh-CN：Koa文档的中文版本，更新至v2.12.0版本
【Koa】KOA 基础-掌握基于koa2搭建web应用的基础
最新发布
Write less，do more
07-03 1157
本章目标: 认识 KOAKoa 和 Express 一样，都是基于 node.js 的 Web 应用开发框架。Koa 2 是 Koa 的 2.0 版本。koa：下一代的 node.js Web 框架！由 Express 框架原班人马设计和开发比 Express 更有表现力、更健壮（异步处理支持 async / await，所以可以用 try / catch 来更好的处理异常）框架核心默认不带有任何中间件，更精简、更快速（而 Express 默认自带了很多的中间件）
Koa2入坑(二)
zww学习笔记
12-30 874
基本中间件的使用修改app.js添加代码如下：app.use(async (ctx, next)=>{ // next 参数的作用是将处理的控制权转交给下一个中间件 await next() console.log(ctx.request.url+'=='+ctx.url); ctx.response.type = 'text/html'; ctx.respo
【Nodejs】Koa基本使用
DomCode
07-26 603
koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。
koa2学习笔记
dan_seek的博客
01-17 579
由 Express 原班人马打造的 koa，致力于成为一个更小、更健壮、更富有表现力的 Web 框架。使用 koa 编写 web 应用，通过async function，可以免除重复繁琐的回调函数嵌套，并极大地提升常用错误处理效率。 安装 npm install koa 官网：https://koajs.com/ Hello world const Koa = require('koa'); const app = new Koa(); // logger app.use(async (ctx, n.
koa2Demo1:koa 2学习计划
05-14
koa2koa2 学习笔记koakoa是Express的下一代基于Node.js的web框架，目前有1.x和2.0两个版本,2.0基于ECMA7 async awaitBabelBabel是一个JavaScript编写的转码器，它可以把高版本JavaScript代码转换成低版本JavaScript...
koa2-study:koa 学习笔记
05-18
**Koa2 学习笔记概述** `Koa2` 是一个由 `Express` 团队开发的基于 `Node.js` 的下一代 web 开发框架，它以简洁、优雅的 API 设计著称，旨在提高开发效率和代码可读性。在 `Koa2` 中，中间件是其核心特性，通过洋葱...
使用koa2创建web项目的方法步骤
10-17
您可能感兴趣的文章:详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南详解React项目的服务端渲染改造(koa2+webpack3.11)使用webpack打包koa2 框架appnode使用Koa2搭建web项目的方法 koa2创建web项目 相关文章 在 ...
koa2的中间件功能及应用示例
01-20
最近因为开发一个自己的博客网站，学习了koa2的搭建，写了一些自己认为比较重要或需要知道的koa2中间件作用和使用场景。 koa-router 路由中间件 下载 npm i koa-router 使用 普通使用方法 需要注意的是引入的...
关于koa2框架的简单使用, 以及连接mysql数据库
02-12
**Koa2 框架简介** Koa2 是一个由 Express 团队开发的下一代 Node.js Web 应用框架，它旨在提供更简洁、更优雅的 API 设计，帮助开发者构建可...`books_koa2` 示例项目为学习这两个技术如何协同工作提供了很好的起点。
koa-server-http-proxy：一种koa-http-proxy-中间件
02-03
koa-server-http-proxy koa2 http-proxy-middleware。 安装 $ npm install koa-server-http-proxy --save 例 const Koa = require ( 'koa' ) const app = new Koa ( ) const proxy = require ( 'koa-server-http-proxy' ) app . use ( proxy ( '/api' , { target : 'https://news-at.zhihu.com' , pathRewrite : { '^/api' : 'api/4/' } , changeOrigin : true } ) ) app . listen ( 3000 ) 浏览器 http://127.0.0.1:3000/api/themes 例2 const Koa = require ( 'koa' ) const app = new Koa ( ) const proxy = require ( 'koa-server-htt
koa2 仿知乎笔记
码小余の博客
12-17 4618
Koa2 仿知乎笔记 路由 普通路由 const Router = require("koa-router") const router = new Router() router.get("/", (ctx) => { ctx.body = "这是主页" }) router.get("/user", (ctx) => { ctx.body = "这是用户列表" }) app.use(router.routes()); ctx.body 可以渲染页面, 也可以是返回的数据
Koa学习（一）——Koa介绍
lime2019的博客
01-19 2036
Koa——基于Node.js平台的下一代Web框架。 Koa2介绍1. Koa简介2. Koa历史版本3. 应用场景4. Koa扩展框架 1. Koa简介 Koa 官网 Koa所谓的“下一代”是相对Express而言的，Koa基于异步流程控制特性，主要是用于改进Node.js开发中的回调地狱痛点。 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的Web“微”框架。 通过利用 async 函数，K.
Koa 基础篇（二）—— 路由与中间件
2401_83703893的博客
03-29 1181
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往获取链图片转存中…(img-6ukMH9vJ-1711684172992)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往获取。
速通关koa2全栈核心内容
大灰狼的小绵羊哥哥的博客
04-02 487
随着Node.js的横空处世，本来目的是解决部分后端的问题，谁知道却无意间给前端开发带来了一场颠覆性的革命，从此前端拉开了现代化开发的序幕。如今，作为前端开发，无论是想进阶或是拓宽个人知识边界，node.js早已是前端必须掌握的了。拿下node.js，你还在犹豫什么？ Koa.js是基于node.js的一个开发框架，小巧灵活，对于一些中小型项目开发还是比较友好的。Koa上手简单，因此成为了不少小伙伴上手node开发的选择之一。本文主要从以下几个方面讲解koa后端开发最核心的部分内容，让人人都是全栈小能手：
【Koa2】快速上手
qq_43806488的博客
11-29 295
koa2的快速上手 创建一个文件夹 node -v //查看当前node 版本 因为 koa2 只支持node 7.6版本往上 初始化 npm init -y 下载koa npm install koa 创建app.js // 1.创建koa对象 const Koa = require('koa') // 导入构造方法 const app = new Koa() // 通过构造方法, 创建实例对象 // 2.编写响应函数(中间件) app.use((ctx, next) => { c
Koa2 遇到Method Not Allowed 获取不到返回值
记得我所记得的
07-30 1190
https://q.cnblogs.com/q/114462/ 都来找我 Haisen‘s blogs 求求各位大神了，2点多了没解决睡不着啊，我按照网上用的koa2-cors，get可以访问，post死活访问不了。绝对不是前端设置的问题。我用postman还是我vue的项目访问都报错，有没有哪位好心的大神帮下忙啊const Koa = require(...
koa2 快速入门
缚己
03-18 5436
简单说说 koa2 koa2 是由 express 的原班人马开发的，koa 框架有两个版本：koa 和 koa2。 koa 使用 ES6 的 generator 来编写的，当 node 引擎支持 ES7 之后，koa 的创始人立即使用 async 和 await 重构了 koa 框架，就有了现在的 koa2。 所以，下文中下载 koa2 的脚手架工具时，下载的是 koa....（详见下文）。 脚手架和基础配置 脚手架 koa2 提供了脚手架工具，可以用来更好的创建 koa2 项目。 npm 下载地址：ht
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

两个人的幸福online

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值