Vue+koa2开发一款全栈小程序(4.Koa入门)
2024-08-22 06:13:13
1.Koa是什么?
基于nodejs平台的下一代web开发框架
1.Express原班人马打造,更精简
2.Async+await处理异步
3.洋葱圈型的中间件机制
新建一个koa项目
1.打开cmd,cd到指定目录下
mkdir koa-demo
cd koa-demo
npm init //然后一直默认回车
cnpm install koa --save
2.在vscode中打开koa-demo项目,新建server.js
const Koa=require('koa')
const app=new Koa() app.use(async(ctx,next)=>{
ctx.body='hello koa'
}) app.listen(3000)
在cmd中,执行node server.js
3.在浏览器,访问http://localhost:3000/
代码疑问
1.ctx是什么 封装了request和response的对下个
2.Next是什么 下一个中间件
3.App是什么 启动应用
2.异步处理方案 async+await
新建asyncawait.js文件
function delay(word){
return new Promise((reslove,reject)=>{
setTimeout(()=>{
reslove('hello'+word)
},2000)
})
} //async+await 一起使用
async function start(){
const word1=await delay('孙悟空')
console.log(word1)
const word2=await delay('猪八戒')
console.log(word2)
const word3=await delay('沙悟净')
console.log(word3)
} start()
执行node asyncawait.js 命令,依次输出
hello 孙悟空
hello 猪八戒
hello 沙悟净
//每隔两秒,顺序执行,没有发生异步的抢执行
async+await在koa中的使用
将server.js改写为
const Koa=require('koa')
const app=new Koa() function delay(){
return new Promise((reslove,reject)=>{
setTimeout(()=>{
reslove()
},1000)
})
} app.use(async(ctx,next)=>{
ctx.body='1'
await next()
ctx.body+='2'
}) app.use(async(ctx,next)=>{
ctx.body+='3'
await delay()
await next()
ctx.body+='4'
}) app.use(async(ctx,next)=>{
ctx.body+='5'
await next()
ctx.body+='6'
}) //
app.listen(3000)
在cmd中,ctrl+c退出服务状态,再执行node server.js
async+await在koa中的实践应用例子,定义一个打印日志的中间件
在项目目录下,新建koa-logger.js文件
module.exports=async(ctx,next)=>{
const start=new Date().getTime()
await next()
const end=new Date().getTime() console.log(ctx.request.url,end-start,ctx.body.length)
}
然后在server.js中引用
在cmd重启命令:node server.js
访问 http://localhost:3000/
在cmd界面,打印出日志
/ 1003 6 //代表访问了根目录,用了1003毫秒,返回体有多长
3.koa路由koa-router入门
1.打开cmd,在项目目录下下,安装koa-router
cnpm install koa-router --save
2.server.js中
const Koa=require('koa')
const Router = require('koa-router');
const app=new Koa();
const router = new Router(); router.get('/', (ctx, next) => {
ctx.body='孙悟空'
});
router.get('/1', (ctx, next) => {
ctx.body='猪八戒'
}); app.use(router.routes()); /*启动路由*/
app.use(router.allowedMethods()); app.listen(3000)
在cmd重启命令:node server.js
访问 http://localhost:3000/ 返回孙悟空
访问http://localhost:3000/1 返回猪八戒
最新文章
- .Net 转战 Android 4.4 日常笔记(10)--PullToRefresh下拉刷新使用
- The Swift Programming Language 中文翻译版(个人翻新随时跟新)
- 一些对新手有用的css技巧
- Atitti 数据库事务处理 attilax总结
- (404) 未找到 获取StatusCode状态码
- 读取 RSSI
- C#中的Linq to Xml详解
- PHP自动解压上传的rar文件
- freemarker为null处理
- 数据库系统中事务的ACID原则
- Fiddler中如何过滤会话、查询会话、保存回话、对比会话
- 全排列hash-康拓展开
- Java内存泄漏分析系列之四:jstack生成的Thread Dump日志线程状态
- vim的简单使用以及一些常用的命令
- JSON中的parse和Stringify方法
- [转]MingGW64 多个版本区别(silj, seh)
- Nginx配置资源下载目录
- 关于v4包的Fragment过渡动画的事件监听无响应问题解决
- MySQL 实现将一个库表里面的数据实时更新到另一个库表里面
- 使用jquery将表单元素转json提交后台
热门文章
- java学习之—合并两个数组并排序
- python之路--内置函数, 匿名函数
- mktemp -t -d用法
- ajax查看详细返回信息
- eclipse 启动问题Eclipse启动时报错:A Java RunTime Environment (JRE) or Java Development Kit (JDK) must be available in order to run Eclipse. No java virtual machine was found after searching the following locat
- hdu-3294(最长回文子串)
- import logging报错raise notimplementederror 'emit must be implemented ' ^
- kubernetes 安装手册(成功版)
- CF558E-A Simple Task-线段树+计数排序
- Docker基本使用(二)