####概念：
Koa是基于nodejs平臺的下一代web開發框架

• Express原班人馬打造
• Async+await處理異步
• 中間件機制

HelloWorld

node環境安裝好的前提下，新建一個文件夾，進入該文件夾，使用npm init使其支持npm隨后使用npm install koa --save安裝koa
新建server.js，代碼如下：

// Created by xiaoqiang on 02/06/2018. const Koa = require('koa') const app = new Koa() const port = 3000 app.use(async(ctx, next) => {ctx.body = 'hello koa' })app.listen(port) console.log('listen on http://localhost:' + port)

使用node server.js運行，如下：

打開localhost:3000即可看到

代碼解釋:

• ctx 封裝了完整request、response信息的上下文
• next 下一個中間件

中間件機制

將server.js代碼作一下修改，再運行

// Created by xiaoqiang on 02/06/2018. const Koa = require('koa') const app = new Koa() const port = 3000app.use(async(ctx, next) => {ctx.body = '1'next()ctx.body += '2' }) app.use(async(ctx, next) => {ctx.body += '3'next()ctx.body += '4' }) app.use(async(ctx, next) => {ctx.body += '5'next()ctx.body += '6' }) app.use(async(ctx, next) => {ctx.body += '7'next()ctx.body += '8' })app.listen(port) console.log('listen on http://localhost:' + port)

運行結果為：

解釋：代碼中執行完ctx.body = '1'后，執行了ctx.next()，即跳過了ctx.body += '2'執行下一個中間件，接下來的以此類推；執行到最后一個中間后，開始往回跑，即先執行ctx.body += 8，可以得到結果：13578642
即：

Async+await異步處理機制

修改 server.js，添加delay()方法，源代碼如下：

// Created by xiaoqiang on 02/06/2018. const Koa = require('koa') const app = new Koa() const port = 3000function delay () {return new Promise((resolve, reject) => {setTimeout(() => {resolve()}, 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.use(async(ctx, next) => {ctx.body += '7'next()ctx.body += '8' })app.listen(port) console.log('listen on http://localhost:' + port)

node server.js打開localhost:3000，一秒后可見到13578642，之所以加了延遲函數后，順序沒有改變，正式因為使用了 Async+await異步處理機制。

接下來我們利用Async+await異步處理機制，自己實現koa-logger中間件，打印所有請求的耗時。

新建koa-logger.js，源碼如下：

// Created by xiaoqiang on 02/06/2018. 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中引用

// Created by xiaoqiang on 02/06/2018. const Koa = require('koa') const app = new Koa() const port = 3000 const KoaLogger = require('./koa-logger')function delay () {return new Promise((resolve, reject) => {setTimeout(() => {resolve()}, 1000)}) }app.use(KoaLogger)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.use(async(ctx, next) => {ctx.body += '7'next()ctx.body += '8' })app.listen(port) console.log('listen on http://localhost:' + port)

運行server.js，打開localhost:3000，
可見控制臺輸出（請求改為響應，之前寫錯了）：

解釋：

• 請求的是根目錄，所以ctx.request.url為/
• 耗時為delay的時間+其他操作的時間，總數為1005ms
• 請求內容為8個數字，因此長度為8

koa-router

使用cnpm install koa-router --save安裝koa-router， 修改server.js，源代碼為：

// Created by xiaoqiang on 02/06/2018. const Koa = require('koa') const app = new Koa() const port = 3000 const KoaLogger = require('./koa-logger') const Router = require('koa-router')const router = new Router() app.use(router.routes()).use(router.allowedMethods())router.get('/', (ctx, next) => {ctx.body = 'index' })router.get('/login', (ctx, next) => {ctx.body = 'login' })router.get('/register', (ctx, next) => {ctx.body = 'register' })app.use(KoaLogger)app.listen(port) console.log('listen on http://localhost:' + port)

node server.js運行，打開localhost:3000，可見：

控制臺輸出：

輸入localhost:3000/login，可見：

控制臺輸出：

總結

以上是生活随笔為你收集整理的Koa入门——关键知识点总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。