iKcamp團隊製做|基於Koa2搭建Node.js實戰項目教學(含視頻)☞ 環境準備

安裝搭建項目的開發環境

視頻地址:https://www.cctalk.com/v/15114357764004html

文章

Koa 起手 - 環境準備

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


安裝node.js



項目初始化

身爲程序員,初入江湖第一招:『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實戰項目教學(含視頻)| 課程大綱介紹

相關文章
相關標籤/搜索