当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Koa与Node.js开发实战(1)——Koa安装搭建(视频演示)

Koa与Node.js开发实战(1)——Koa安装搭建(视频演示)

2018年12月27日  | 移动技术网IT编程  | 我要评论
笔者相信在未来的某一天,Koa一定会完全替代Express,成为Node.js Web框架的主流。 ...

学习架构:

由于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开发实战》这本书吧。

 

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网