iKcamp團隊製作|基於Koa2搭建Node.js實戰(含視訊)☞ 環境準備

iKcamp發表於2019-03-01

安裝搭建專案的開發環境

?? iKcamp 製作團隊

原創作者:大哼阿幹三三小虎胖子小哈DDU可木晃晃
文案校對:李益大力萌AuDDU小溪裡小哈
風采主播:可木阿幹AuDDU小哈
視訊剪輯:小溪裡
主站運營:給力xixty
教程主編:張利濤

視訊地址:www.cctalk.com/v/151143577…

iKcamp團隊製作|基於Koa2搭建Node.js實戰(含視訊)☞ 環境準備

文章

Koa 起手 – 環境準備

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

安裝node.js

專案初始化

身為程式設計師,初入江湖第一招:『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 的「中介軟體」,那麼什麼是「中介軟體」呢?下一節我們會為大家詳細講述。

下一篇:《中介軟體用法——講解 Koa2 中介軟體的用法及如何開發中介軟體(含視訊)》

iKcamp團隊製作|基於Koa2搭建Node.js實戰(含視訊)☞ 環境準備

上一篇:iKcamp新課程推出啦~~~~~開始免費連載啦~每週2更共11堂iKcamp課|基於Koa2搭建Node.js實戰專案教學(含視訊)| 課程大綱介紹


iKcamp團隊製作|基於Koa2搭建Node.js實戰(含視訊)☞ 環境準備

2019年,iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦!

相關文章