視頻地址:https://www.cctalk.com/v/15114357764004html
因爲 koa2
已經開始使用 async/await
等新語法,因此請保證 node
環境在 7.6
版本以上。node
身爲程序員,初入江湖第一招:『Hello World』git
首先,建立一個目錄 koa2-tutorial/
用來存放咱們的代碼。而後開始初始化項目:程序員
// 建立 package.json 文件。該文件用於管理項目中用到一些安裝包 npm init
項目初始化完成後,在建立的目錄裏,新建文件 app.js
並在裏面寫下:github
console.log('Hello World')
如今,咱們的項目結構應該以下:npm
├── app.js ├── package.json
打開控制檯,進入目錄 koa2-tutorial/
並輸入:json
node app.js
成功輸出 Hello World
,說明環境正常。至此,咱們的準備工做完成。windows
下面咱們會基於 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
的「中間件」,那麼什麼是「中間件」呢?下一節咱們會爲你們詳細講述。
下一篇:《中間件用法——講解 Koa2 中間件的用法及如何開發中間件(含視頻)》
上一篇:iKcamp新課程推出啦~~~~~開始免費連載啦~每週2更共11堂iKcamp課|基於Koa2搭建Node.js實戰項目教學(含視頻)| 課程大綱介紹