iKcamp團隊製作｜基於Koa2搭建Node.js實戰項目教學（含視頻）? 環境準備

安裝搭建項目的開發環境

滬江CCtalk視頻地址：https://www.cctalk.com/v/15114357764004

文章

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 文件。該文件用於管理項目中用到一些安裝包nnpm initn

項目初始化完成後，在創建的目錄里，新建文件 app.js 並在裡面寫下：

console.log(Hello World)n

現在，我們的項目結構應該如下：

├── app.jsn├── package.jsonn

打開控制台，進入目錄 koa2-tutorial/ 並輸入：

node app.jsn

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

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

啟動伺服器

運行如下命令，安裝 Koa （版本信息會自動保存在 package.json 中）

// 安裝 koa，並將版本信息保存在 package.json 中nnpm i koa -Sn

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

const Koa = require(koa)nconst app = new Koa()nnapp.listen(3000, () => {n console.log(server is running at http://localhost:3000)n})n

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

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

我們繼續修改 app.js 文件：

const Koa = require(koa)nconst app = new Koa()nn// 增加代碼napp.use(async (ctx, next) => {n await next()n ctx.response.type = text/htmln ctx.response.body = <h1>Hello World</h1>n})nnapp.listen(3000, () => {n console.log(server is running at http://localhost:3000)n})n

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

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

下一篇：《中間件用法——講解 Koa2 中間件的用法及如何開發中間件（含視頻）》

上一篇：iKcamp新課程推出啦～～～～～開始免費連載啦～每周２更共11堂iKcamp課｜基於Koa2搭建Node.js實戰項目教學（含視頻）| 課程大綱介紹

推薦閱讀：