Vue+koa2開發一款全棧小程序(4.Koa入門）

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'
})

//135642
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 返回豬八戒