从入门到不放弃系列之Koa2
一.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的更多相关文章
- [大数据从入门到放弃系列教程]在IDEA的Java项目里,配置并加入Scala,写出并运行scala的hello world
[大数据从入门到放弃系列教程]在IDEA的Java项目里,配置并加入Scala,写出并运行scala的hello world 原文链接:http://www.cnblogs.com/blog5277/ ...
- [大数据从入门到放弃系列教程]第一个spark分析程序
[大数据从入门到放弃系列教程]第一个spark分析程序 原文链接:http://www.cnblogs.com/blog5277/p/8580007.html 原文作者:博客园--曲高终和寡 **** ...
- php从入门到放弃系列-01.php环境的搭建
php从入门到放弃系列-01.php环境的搭建 一.为什么要学习php 1.php语言适用于中小型网站的快速开发: 2.并且有非常成熟的开源框架,例如yii,thinkphp等: 3.几乎全部的CMS ...
- php从入门到放弃系列-04.php页面间值传递和保持
php从入门到放弃系列-04.php页面间值传递和保持 一.目录结构 二.两次页面间传递值 在两次页面之间传递少量数据,可以使用get提交,也可以使用post提交,二者的区别恕不赘述. 1.get提交 ...
- php从入门到放弃系列-03.php函数和面向对象
php从入门到放弃系列-03.php函数和面向对象 一.函数 php真正的威力源自它的函数,内置了1000个函数,可以参考PHP 参考手册. 自定义函数: function functionName( ...
- php从入门到放弃系列-02.php基础语法
php从入门到放弃系列-02.php基础语法 一.学习语法,从hello world开始 PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器&qu ...
- K8S从入门到放弃系列-(16)Kubernetes集群Prometheus-operator监控部署
Prometheus Operator不同于Prometheus,Prometheus Operator是 CoreOS 开源的一套用于管理在 Kubernetes 集群上的 Prometheus 控 ...
- K8S 从入门到放弃系列文章目录（Kubernetes 1.14）
1)软件环境 软件 版本 系统 Centos7.5 Kubernetes 1.14.1 Docker 18.09 Calico 3.6 Etcd 3.3.12 2)部署过程简单概要 三台master节 ...
- java从入门到卖肠粉系列
java从入门到卖肠粉系列 注:本教程只是从JAVA基础开始,绝对不会跟公司有任何利益冲突,更不会出现一行公司项目的代码 QQ群:9547527 推荐用土豆,百度去上传太慢,百度云在线播放还要转码.. ...
随机推荐
- RabbitMQ 初探
有哪些优点 可靠性:RabbitMQ 提供了多种技术可以让你在性能和可靠性之间进行权衡.这些技术包括持久性.投递确认.发布者证实和高可用性. 灵活的路由:提供了多种内置交换机类型.如果你有更复杂的路由 ...
- java web 项目启动的根目录，以及项目启动后使用的端口具体是哪一个
1.今天启动项目发现一直找不到网页,原来是自己浏览器地址的根目录出现了问题,那么系统中的根目录(也就是项目名)到底是哪个,究竟以哪个为基准? 这里有一地方不能忽视:见图片 在普通的java web项目 ...
- JProfiler 简要使用说明
1.简介 JProfiler是一个ALL-IN-ONE的JAVA剖析工具,可以方便地监控Java程序的CPU.内存使用状况,能够检查垃圾回收.分析性能瓶颈. 本说明文档基于JProfiler 9.2编 ...
- jdk tomcat maven svn plsql客户端 环境变量配置整理
1 jdk 新建: 1.JAVA_HOME ----- C:\Program Files\Java\jdk1.7.0 2.CLASSPATH ------ .;%JAVA_HOME%\li ...
- 【实战TFS】【QQ群】了解别人是如何使用TFS的
长时间在这个QQ群里面混,了解到其他人是如何使用TFS系统的,也与网友们一起探讨,共同提高,还有分享的大量资料文档. 推荐一下:):)
- 我也谈谈.NET程序员工资低
我从2011年下半年预谋转型,2012春季正式转型到iOS,看了<经过本人 6 年.net 工作经验证明 .net 工资确实比 Java 低>这篇文章,一下子有很多感慨. 我不好意思算我干 ...
- 万恶的KPI、新兴的OKR及让人纠结的程序员考核
最近两天在研究研发部门如何进行绩效管理(其实一直都在思考,关注,实践,总感觉无从下手,也想求助咨询公司,无奈囊中羞涩).查了两天的资料,主要的方向是KPI,OKR,谷歌等互联网公司的考核方法.这里做个 ...
- LD算法的C++实现(基于编辑距离的文本比较算法)
算法看这里: http://www.cnblogs.com/grenet/archive/2010/06/01/1748448.html 用数组实现: #include <iostream> ...
- day 77 基于form组件的注册功能
Form 表单 py文件 from django import forms #定义一个form类注册用 class RegForm (forms.Form): username =forms.Char ...
- Android------------------的资源文件的学习
一.style的学习 用法: 使用: 使用系统自带的style的风格 使用: 效果: 二.drawable的使用 selector是一个xml文件进行加载使用的: 文件名叫做buttonselecto ...