Koa与Node.js开发实战(1)——Koa安装搭建(视频演示)
学习架构:
由于koa2已经支持es6及更高版本,包括支持async方法,所以请读者保证node.js版本在7.6.0以上。如果需要在低于7.6的版本中应用koa的async方法,建议使用babel hook。示例代码如下:
require('babel-register'); // 应用的其余 require 需要被放到hook后面 const app = require('./app');
1.项目初始化
在安装koa之前,读者需要先创建项目的目录。新建文件夹koa2-tutorial/用来存放示例代码,然后在koa2-tutorial/根目录下初始化项目,生成配置文件package.json。命令如下:
npm init
注意:生成的package.json文件用于管理项目中用到的一些安装包
项目初始化完成后,在当前目录下新建app.js文件并输出所有程序员都熟知的一句话:
console.log(“hello world”)
打开控制台,进入到目录koa2-tutorial/,执行如下命令:
node app.js
如果控制台成功输出“hello world”,说明环境正常。至此项目的准备工作已经完成。基本的项目结构应该如下所示:
├── app.js
├── package.json
2.安装koa
koa的安装过程非常简单,只需通过如下命令即可安装最新版本:
npm install koa --save
注意:koa的版本信息会自动保存在package.json中。
3.启动服务器
koa安装完成之后,修改app.js文件实现启动web服务器的功能。代码如下所示:
const koa = require('koa'); const app = new koa(); app.listen(3000, () => { console.log('server is running at http://localhost:3000'); });
然后运行app.js文件并打开浏览器访问,正常情况下,页面将会显示“not found”。这是因为在3000端口下启动服务器并进行访问的时候并没有对http请求进行响应处理,故而报404 not found错误。为了让浏览器显示一些信息,代码还需要做些调整。修改app.js,加入一个简单的中间件处理所有请求。代码如下所示:
app.use(async (ctx, next) => { await next(); ctx.response.type = 'text/html'; ctx.response.body = '<h1>hello world</h1>'; });
注意:此段代码需放置在服务器启动之前。
重新启动服务器后,再次访问浏览器,将会正常显示“hello world”。
本节在线视频地址,扫描二维码可观看:
一起跟我来学习《koa与node.js开发实战》这本书吧。
上一篇: jQuery实现单击某个标签改变样式
下一篇: js canvas实现橡皮擦效果