iKcamp團隊制作｜基于Koa2搭建Node.js實戰(zhàn)項目教學（含視頻）? 環(huán)境準備

bang590 發(fā)布于2019-08-22 11:20 / 3343人閱讀

安裝搭建項目的開發(fā)環(huán)境

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

文章 Koa 起手 - 環(huán)境準備

由于 koa2 已經(jīng)開始使用 async/await 等新語法，所以請保證 node 環(huán)境在 7.6 版本以上。

安裝node.js

直接安裝 node.js ：node.js官網(wǎng)地址 https://nodejs.org

nvm管理多版本 node.js ：可以用nvm 進行node版本進行管理

- Mac 系統(tǒng)安裝 nvm [https://github.com/creationix/nvm#manual-install](https://github.com/creationix/nvm#manual-install)
- windows 系統(tǒng)安裝 nvm [https://github.com/coreybutler/nvm-windows](https://github.com/coreybutler/nvm-windows)
- Ubuntu 系統(tǒng)安裝 nvm [https://github.com/creationix/nvm](https://github.com/creationix/nvm)

項目初始化

身為程序員，初入江湖第一招：『Hello World』

首先，創(chuàng)建一個目錄 koa2-tutorial/ 用來存放我們的代碼。然后開始初始化項目：

// 創(chuàng)建 package.json 文件。該文件用于管理項目中用到一些安裝包
npm init

項目初始化完成后，在創(chuàng)建的目錄里，新建文件 app.js 并在里面寫下：

console.log("Hello World")

現(xiàn)在，我們的項目結構應該如下：

├── app.js
├── package.json

打開控制臺，進入目錄 koa2-tutorial/ 并輸入：

node app.js

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

下面我們會基于 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。

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

我們繼續(xù)修改 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 = "Hello World"
})

app.listen(3000, () => {
  console.log("server is running at http://localhost:3000")
})

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

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

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

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

云服務器 GPU云服務器 js項目教學視頻 android項目實戰(zhàn)視頻小學線上教學準備方案搭建 node.js 云主機

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/92229.html

開始連載啦～每周２更共11堂iKcamp課｜基于Koa2搭建Node.js實戰(zhàn)項目教學（含視頻）|

摘要：玩轉同時全面掌握潮流技術采用新一代的開發(fā)框架更小更富有表現(xiàn)力更健壯。融合多種常見的需求場景網(wǎng)絡請求解析模板引擎靜態(tài)資源日志記錄錯誤請求處理。結合語句中轉中間件控制權，解決回調地獄問題。注意分支中的目錄為當節(jié)課程后的完整代碼。 ?? ?與眾不同的學習方式，為你打開新的編程視角獨特的『同步學習』方式文案講解+視頻演示，文字可激發(fā)深層的思考、視頻可還原實戰(zhàn)操作過程。云集一線大廠...

B0B0 2019-08-22 11:17 評論0 收藏0
【完結匯總】iKcamp出品基于Koa2搭建Node.js實戰(zhàn)共十一堂課(含視頻)

摘要：云集一線大廠有真正實力的程序員團隊云集一線大廠經(jīng)驗豐厚的碼農(nóng)，開源奉獻各教程。融合多種常見的需求場景網(wǎng)絡請求解析模板引擎靜態(tài)資源日志記錄錯誤請求處理。結合語句中轉中間件控制權，解決回調地獄問題。注意分支中的目錄為當節(jié)課程后的完整代碼。 ?? ?與眾不同的學習方式，為你打開新的編程視角獨特的『同步學習』方式文案講解+視頻演示，文字可激發(fā)深層的思考、視頻可還原實戰(zhàn)操作過程。云...

sPeng 2019-08-22 14:58 評論0 收藏0
iKcamp團隊制作｜基于Koa2搭建Node.js實戰(zhàn)（含視頻）? 中間件用法

中間件用法——講解 Koa2 中間件的用法及如何開發(fā)中間件 ?? iKcamp 制作團隊原創(chuàng)作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃文案校對：李益、大力萌、Au、DDU、小溪里、小哈風采主播：可木、阿干、Au、DDU、小哈視頻剪輯：小溪里主站運營：給力xi、xty 教程主編：張利濤視頻地址：https://www.cctalk.com/v/151143...

Alfred 2019-08-22 11:23 評論0 收藏0
iKcamp團隊制作｜基于Koa2搭建Node.js實戰(zhàn)（含視頻）? 路由koa-router

路由koa-router——MVC 中重要的環(huán)節(jié)：Url 處理器 ?? iKcamp 制作團隊原創(chuàng)作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃文案校對：李益、大力萌、Au、DDU、小溪里、小哈風采主播：可木、阿干、Au、DDU、小哈視頻剪輯：小溪里主站運營：給力xi、xty 教程主編：張利濤視頻地址：https://www.cctalk.com/v/151...

netmou 2019-08-21 18:23 評論0 收藏0
iKcamp｜基于Koa2搭建Node.js實戰(zhàn)（含視頻）? HTTP請求

POST/GET請求——常見請求方式處理 ?? iKcamp 制作團隊原創(chuàng)作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃文案校對：李益、大力萌、Au、DDU、小溪里、小哈風采主播：可木、阿干、Au、DDU、小哈視頻剪輯：小溪里主站運營：給力xi、xty 教程主編：張利濤視頻地址：https://www.cctalk.com/v/15114357765870 ...

張利勇 2019-08-21 18:27 評論0 收藏0