一.Koa2入门

　　本来是想Express入门的，但是既然都是要学，干嘛不学最新的呢？
　　其实我想说，我本来只是想学个小程序开发，现在已经陆陆续续开了好多坑了。。
　　本文参考廖雪峰教程

二.Async
　　最新的Koa2已经使用async来作为中间件(middleware)了，具体用法这里不赘述，可以参考阮一峰老师的Es6教程
　　之前使用的Generator函数

　　使用async时，要求node的版本大于等于7.6.0
　　因此如果发现错误，可以使用nvm（window系统），n（mac系统）来切换node版本

　　mac系统的n已经用的很多了，这里放出window系统下的nvm的一些介绍：下载、nvm使用说明

三.实例
1. 使用npm init命令初始化package.json

2. 使用npm install --save-dev koa koa-bodyparser koa-router安装koa2
其中koa和koa-router毋庸置疑字面含义已经很清楚了，koa-bodyparser是因为无论是原生的node还是koa都无法直接解析request的body，因此需要引用这个插件

3. 在根目录创建文件夹：controllers,在该文件夹中保存所有的路由文件

4. 在controllers文件夹中新增一个名为index.js的文件，内容如下：

var fn_index = async (ctx, next) => {

    // let appID = 'wx5db51f3c5c381ed2',

    // appsecret = '4c797335101c71a01c1713b3f83fd26d',

    // Token = 'xiaoyebaomemeda';

    console.log(ctx.querystring);

    ctx.response.body = `<h1>Index </h1><h3>koa1</h3><h4>${ctx.querystring}</h4>`;

}; 

var fn_hello = async (ctx, next) => {

    var name = ctx.params.name;

    ctx.response.type = 'text/html';

    ctx.response.body = `<h3>Hello ${name}</h3>`;

}; 

module.exports = {

    'Get /': fn_index,

    'Get /hello/:name': fn_hello

};

可以看出，这个文件输出的对象中包含两个”路由“，分别是"Get /"和"Get /hello/:name"
　　"Get"表示method是"get","/"是url路径
　　关于ctx的介绍详见官网
５. 在controllers文件夹再新建一个名为user.js的文件,内容如下：

var fn_get_register = async (ctx, next) => {

    var html = `

    <!DOCTYPE html>

    <html>

    <head>

    <title>register</title>

    </head>

    <body>

    <form action="/register" method="post">

    姓名：<input type="text" name='name' value=''>

    年龄：<input type="" name="age">

    <button type="submit">submit</button>

    </form>

    </body>

    </html>

    `;

    ctx.response.type = 'text/html';

    ctx.response.body = html;

}; 

var fn_post_register = async (ctx, next) => {

    console.log(`name:${ctx.request.body.name}

        age: ${ctx.request.body.age}`);

    ctx.response.body = `<span>submited!</span>

    name:${ctx.request.body.name}

    age:${ctx.request.body.age}`;

}; 

module.exports = {

    'Get /register': fn_get_register,

    'Post /register': fn_post_register

};

　　这次分别创建了"Get"和"Post"方法的路由

6.在根目录创建controller.js,用来读取controller文件夹中的所有路由文件，反射出路由,内容如下：

// 返回path路径下的所有js文件

var readFile = function (path) {

    var fs = require('fs');

    var files = fs.readdirSync('./'+path);

    var jsFiles = files.filter((f) => {

        return f.endsWith('.js');

    });

    return jsFiles;

}; 

// 根据.js文件反射路由

var SetRouter = function (path) {

    // 声明路由

    var router = require('koa-router')();

    var jsFiles = readFile(path);

    for (var js of jsFiles) {

        let mapping = require(__dirname + '/' + path + '/' + js); //分别引入每个js文件

        for (var url in mapping) {

            // 遍历每个controller文件中的路由

            if(url.startsWith('Get')) {

                // method: get

                router.get(url.replace('Get ',''), mapping[url]);

            } else if (url.startsWith('Post'),mapping[url]) {

                // method: post

                router.post(url.replace('Post ',''), mapping[url]);

            } else {

                // 非路由的

                console.log('this is not router file');

            }

        }

    }

    return router.routes();

}; 

module.exports = function (path) {

    return SetRouter( path || 'controllers');

};

7.在根目录新建app.js,内容如下：

var Koa = require('koa');

var app = new Koa();

var router = require('./controller.js')();

var sha1 = require('sha1');

var bodyParser = require('koa-bodyparser'); 

app.use(async (ctx,next) => {

    console.log(new Date());

    await next ();

}); 

app.use(bodyParser());

app.use(router); 

app.listen(3000);

console.log('listening port 3000');

8.在命令行使用命令：node app.js即可启动服务

9.在浏览器输入：localhost:3000即可访问

输入如下URL，页面展示如下所示：

　　输入注册URL，页面展示如下所示：

输入姓名和年龄，点"submit”，显示如下：

小结一下koa2安装：

1.使用npm init命令初始化package.json
2.使用npm install --save-dev koa koa-bodyparser koa-router安装koa2

3.koa2的官方文档资料详见http://www.koacn.com/#context，https://koa.bootcss.com/#。

文章来源：https://www.imooc.com/article/18246

从入门到不放弃系列之Koa2的更多相关文章

  1. [大数据从入门到放弃系列教程]在IDEA的Java项目里,配置并加入Scala,写出并运行scala的hello world

    [大数据从入门到放弃系列教程]在IDEA的Java项目里,配置并加入Scala,写出并运行scala的hello world 原文链接:http://www.cnblogs.com/blog5277/ ...

  2. [大数据从入门到放弃系列教程]第一个spark分析程序

    [大数据从入门到放弃系列教程]第一个spark分析程序 原文链接:http://www.cnblogs.com/blog5277/p/8580007.html 原文作者:博客园--曲高终和寡 **** ...

  3. php从入门到放弃系列-01.php环境的搭建

    php从入门到放弃系列-01.php环境的搭建 一.为什么要学习php 1.php语言适用于中小型网站的快速开发: 2.并且有非常成熟的开源框架,例如yii,thinkphp等: 3.几乎全部的CMS ...

  4. php从入门到放弃系列-04.php页面间值传递和保持

    php从入门到放弃系列-04.php页面间值传递和保持 一.目录结构 二.两次页面间传递值 在两次页面之间传递少量数据,可以使用get提交,也可以使用post提交,二者的区别恕不赘述. 1.get提交 ...

  5. php从入门到放弃系列-03.php函数和面向对象

    php从入门到放弃系列-03.php函数和面向对象 一.函数 php真正的威力源自它的函数,内置了1000个函数,可以参考PHP 参考手册. 自定义函数: function functionName( ...

  6. php从入门到放弃系列-02.php基础语法

    php从入门到放弃系列-02.php基础语法 一.学习语法,从hello world开始 PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器&qu ...

  7. K8S从入门到放弃系列-(16)Kubernetes集群Prometheus-operator监控部署

    Prometheus Operator不同于Prometheus,Prometheus Operator是 CoreOS 开源的一套用于管理在 Kubernetes 集群上的 Prometheus 控 ...

  8. K8S 从入门到放弃系列文章目录（Kubernetes 1.14）

    1)软件环境 软件 版本 系统 Centos7.5 Kubernetes 1.14.1 Docker 18.09 Calico 3.6 Etcd 3.3.12 2)部署过程简单概要 三台master节 ...

  9. java从入门到卖肠粉系列

    java从入门到卖肠粉系列 注:本教程只是从JAVA基础开始,绝对不会跟公司有任何利益冲突,更不会出现一行公司项目的代码 QQ群:9547527 推荐用土豆,百度去上传太慢,百度云在线播放还要转码.. ...

随机推荐

  1. [FMX]在 FMX 程序中绘制单像素宽度的直线 [FMX]在 FMX 程序中绘制单像素宽度的直线

    [FMX]在 FMX 程序中绘制单像素宽度的直线 2017-10-09 • Android.Delphi.教程 • 暂无评论 • swish •浏览 353 次 在前面的一篇文章中,我介绍了一种绘制低 ...

  2. java 执行sql文件

    # 背景 用例执行完毕,期望回滚数据,因此希望执行sql来回滚数据 # 步骤 直接show代码,借助的是mybatis的ScriptRunner /** * 执行xx库下的表备份脚本 * * @par ...

  3. 构建NetCore应用框架之实战篇（七）：BitAdminCore框架登录功能源码解读

    本篇承接上篇内容,如果你不小心点击进来,建议从第一篇开始完整阅读,文章内容继承性连贯性. 构建NetCore应用框架之实战篇系列 一.简介 1.登录功能完成后,框架的雏形已经形成,有必要进行复习. 2 ...

  4. 关于STM32位带操作随笔

    以前在学习STM32时候关注过STM32的位带操作,那时候只是知道位带是啥,用来干嘛用,说句心里话,并没有深入去学习,知其然而不知其所以然.但一直在心中存在疑惑,故今日便仔细看了一下,写下心得供日后参 ...

  5. WPF MVVM Style中使用事件

    View的Style中设置事件 <Style TargetType="TextBox"> <EventSetter Event="GotFocus&qu ...

  6. pageadmin CMS网站制作教程：模板概念解释

    pageadmin CMS网站建设教程:模板概念解释 1.模板页 又叫视图页面,PageAdmin后台栏目或信息中用到的模板页面的统称,格式必须是.cshtml后缀文件,前端人员制作的页面默认都是ht ...

  7. bzoj4519: [Cqoi2016]不同的最小割（最小割树）

    传送门 好神仙……最小割树是个什么东西…… 其实我觉得干脆直接$O(n^2)$跑几个dinic算了…… 来说一下这个叫最小割树的神奇东西 我们先建一个$n$个点,没有边的无向图 在原图中任选两点$s, ...

  8. Python面向对象(类的成员之方法)

    day24 类的成员之方法 - 普通方法,保存在类中,由对象来调用,self > 对象 - 静态方法,保存在类中,由类直接调用 - 类方法,保存在类中,由类直接调用,cls > 当前类 c ...

  9. 听补天漏洞审核专家实战讲解XXE漏洞

    对于将“挖洞”作为施展自身才干.展现自身价值方式的白 帽 子来说,听漏洞审核专家讲如何挖掘并验证漏洞,绝对不失为一种快速的成长方式! XXE Injection(XML External Entity ...

  10. MyBatis Generator XML 配置

    使用反向生成器可以生成数据库表对应的实体类和mapper映射文件: 以下是具体介绍相应xml文件的配置: 附上一张配置的模板: <?xml version="1.0" enc ...