Koajs安裝及架設

前言

因為工作上需要,將會接觸到 Koajs 這個框架,所以就自己來試著架設摸摸看,雖然主管說本質上與 Express 很像,但是自己還是要摸一下才知道所以然,因為這框架似乎使用了非常多的非同步與同步的做法,裡面也主要使用 ES6、ES7 寫法,所以說如果是寫 Express 的人是可以直接轉用這個沒問題。

安裝 koa

首先要一定要先安裝 koa,所以要打開 cmd 輸入指令

1
2
3
cd project
npm init
npm install koa --save

koa

另外 koa 也有中文網站

以上指令輸入完之後,應該可以看到資料夾有這三個結構 ↓

koa

恭喜你已經完成的安裝了

開啟 koa

首先新增一個檔案 app.js,內容如下 ↓

1
2
3
4
5
6
7
8
9
const Koa = require('koa');
const app = new Koa();

// response
app.use(ctx => {
ctx.body = 'Hello Koa';
});

app.listen(3000);

接下來就可以再 cmd 畫面下輸入 node app.js,你應該會發現好像停止了,但是其實已經開始運作了哩~

koa

koa 應用程式產生器

其實中文文件真的很少 koa,我想應該是主要開發大多都是 Express,但是 koa 是由 Express 演變而來,所以其實也有類似的應用程式產生器,所以讓我們紀錄一下該如何使用吧 ↓

首先套件必須安裝在全域底下與 Express-generator 一樣。

1
npm install -g koa-generator

koa-generator

我們可以試著輸入以下指令確定是否已安裝成功,另外這邊要注意一件事情 koa-generator 支援安裝 1.X 及 2.X 的 koa,所以在輸入指令的時候自己要注意一下。

1
2
3
4
5
koa -V

or

koa2 -V

koa

接下來就快速產生一個應用程式吧。

這邊我會使用 koa2 並使用 PUG Templates,若不熟悉 PUG 可以使用 ejs,只需要這樣寫就可以哩 ↓
(聽說 koa1 結構上比較亂,所以我個人也建議使用 koa2)

1
koa2 --ejs

如果你與我一樣習慣使用 PUG(jade) 那就直接輸入以下指令默認生成就好了 ↓

1
koa2

koa jade

koa jade

生成完畢後只需要輸入 npm install 就可以將相依套件給安裝完畢哩 ↓

koa

接下來只需要輸入神奇的指令 npm start 就成功建立完畢哩!

koa

結尾

這邊附上 koa-generator 的 npm 安裝網址。

koa-generator

0%