iKcamp团队制作｜基于Koa2搭建Node.js实战项目教学（含视频）☞ 环境准备

bang590 发布于2019-08-22 11:20 / 3340人阅读

安装搭建项目的开发环境

视频地址：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](https://github.com/creationix/nvm#manual-install)
- windows 系统安装 nvm [https://github.com/coreybutler/nvm-windows](https://github.com/coreybutler/nvm-windows)
- Ubuntu 系统安装 nvm [https://github.com/creationix/nvm](https://github.com/creationix/nvm)

项目初始化

身为程序员，初入江湖第一招：『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 = "Hello World"
})

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

重启服务器并再次访问，这时页面将正常显示 Hello World。

在增加的代码里面，用到了 Koa 的「中间件」，那么什么是「中间件」呢？下一节我们会为大家详细讲述。

下一篇：《中间件用法——讲解 Koa2 中间件的用法及如何开发中间件（含视频）》

上一篇：iKcamp新课程推出啦～～～～～开始免费连载啦～每周２更共11堂iKcamp课｜基于Koa2搭建Node.js实战项目教学（含视频）| 课程大纲介绍

GPU云服务器云服务器 js项目教学视频 android项目实战视频小学线上教学准备方案搭建 node.js 云主机

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92229.html

开始连载啦～每周２更共11堂iKcamp课｜基于Koa2搭建Node.js实战项目教学（含视频）|

摘要：玩转同时全面掌握潮流技术采用新一代的开发框架更小更富有表现力更健壮。融合多种常见的需求场景网络请求解析模板引擎静态资源日志记录错误请求处理。结合语句中转中间件控制权，解决回调地狱问题。注意分支中的目录为当节课程后的完整代码。 ?? 与众不同的学习方式，为你打开新的编程视角独特的『同步学习』方式文案讲解+视频演示，文字可激发深层的思考、视频可还原实战操作过程。云集一线大厂...

B0B0 2019-08-22 11:17 评论0 收藏0
【完结汇总】iKcamp出品基于Koa2搭建Node.js实战共十一堂课(含视频)

摘要：云集一线大厂有真正实力的程序员团队云集一线大厂经验丰厚的码农，开源奉献各教程。融合多种常见的需求场景网络请求解析模板引擎静态资源日志记录错误请求处理。结合语句中转中间件控制权，解决回调地狱问题。注意分支中的目录为当节课程后的完整代码。 ?? 与众不同的学习方式，为你打开新的编程视角独特的『同步学习』方式文案讲解+视频演示，文字可激发深层的思考、视频可还原实战操作过程。云...

sPeng 2019-08-22 14:58 评论0 收藏0
iKcamp团队制作｜基于Koa2搭建Node.js实战（含视频）☞ 中间件用法

中间件用法——讲解 Koa2 中间件的用法及如何开发中间件 ?? iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、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实战（含视频）☞ 路由koa-router

路由koa-router——MVC 中重要的环节：Url 处理器 ?? iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、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实战（含视频）☞ HTTP请求

POST/GET请求——常见请求方式处理 ?? iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃文案校对：李益、大力萌、Au、DDU、小溪里、小哈风采主播：可木、阿干、Au、DDU、小哈视频剪辑：小溪里主站运营：给力xi、xty 教程主编：张利涛视频地址：https://www.cctalk.com/v/15114357765870 ...

张利勇 2019-08-21 18:27 评论0 收藏0