Koa 起手

環境準備

由於 koa2 已經開始使用 async/await 等新語法，所以請保證 node 環境在 7.6 版本以上。

安裝node.js

• 直接安裝 node.js ：node.js官網地址 https://nodejs.org
• nvm管理多版本 node.js ：可以用nvm 進行node版本進行管理
  • Mac 系統安裝 nvm https://github.com/creationix/nvm#manual-install
  • windows 系統安裝 nvm https://github.com/coreybutler/nvm-windows
  • Ubuntu 系統安裝 nvm https://github.com/creationix/nvm

專案初始化

身為程式設計師，初入江湖第一招：『Hello World』

首先，建立一個目錄 koa2-tutorial/ 用來存放我們的程式碼。然後開始初始化專案：

// 建立 package.json 檔案。該檔案用於管理專案中用到一些安裝包
npm init

專案初始化完成後，在建立的目錄裡，新建檔案 app.js 並在裡面寫下：

console.log('Hello World')

現在，我們的專案結構應該如下：

├── app.js
├── package.json

開啟控制檯，進入目錄 koa2-tutorial/ 並輸入：

node app.js

成功輸出 Hello World，說明環境正常。至此，我們的準備工作完成。

下面我們會基於 Koa2 啟動伺服器。

啟動伺服器

執行如下命令，安裝 Koa （版本資訊會自動儲存在 package.json

// 安裝 koa，並將版本資訊儲存在 package.json 中
npm i koa -S

重寫 app.js，增加如下程式碼：

const Koa = require('koa')
const app = new Koa()

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000')
})

執行 node app.js 並開啟瀏覽器訪問 localhost:3000，頁面顯示 Not Found。

因為在啟動伺服器後，程式碼並沒有做其他的事情，也就沒有了互動。

我們繼續修改 app.js 檔案：

const Koa = require('koa')
const app = new Koa()

// 增加程式碼
app.use(async (ctx, next) => {
  await next()
  ctx.response.type = 'text/html'
  ctx.response.body = '<h1>Hello World</h1>'
})

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000')
})

重啟伺服器並再次訪問，這時頁面將正常顯示 Hello World。

在增加的程式碼裡面，用到了 Koa 的「中介軟體」，那麼什麼是「中介軟體」呢？下一節我們會為大家詳細講述。

原文https://github.com/ikcamp/koa2-tutorial/tree/0-start