Koa 学习笔记
开始
就像官网上说的,一切框架都从一个"Hello World"开始,首先我们新建一个 package.json,内容尽量简单:
{
"name": "koa-note",
"description": "Koa 学习笔记",
"main": "index.js"
}
然后 npm 安装 Koa
npm i koa
将官网上给的示例粘贴进去:
const Koa = require('koa');
const app = new Koa();
app.use(ctx => {
ctx.body = 'Hello World';
});
app.listen(4000);
然后执行 node --harmony index.js
,就可以在浏览器中访问 http://localhost:4000/
了。
注1:ctx 是 context 的简写,下面详细介绍。
注2:示例源码。
2个关键点
Koa 的核心设计思路是为中间件层提供高级语法糖封装,以增强其互用性和健壮性,并使得编写中间件变得相当有趣。Koa 应用是一个包含一系列中间件 generator 函数的对象。
中间件级联
Koa 通过 generators 来实现“真正”的中间件。 Connect 简单地将控制权交给一系列函数来处理,直到函数返回。 与之不同,当执行到 yield next 语句时,Koa 暂停了该中间件,继续执行下一个符合请求的中间件('downstrem'),然后控制权再逐级返回给上层中间件('upstream')。
const Koa = require('koa');
const app = new Koa();
// 定制请求头
app.use(async function (ctx, next) {
const start = new Date();
await next();
const ms = new Date() - start;
ctx.set('X-Response-Time', `${ms}ms`);
});
// 日志
app.use(async function (ctx, next) {
const start = new Date();
await next();
const ms = new Date() - start;
console.log(`${ctx.method} ${ctx.url} - ${ms}`);
});
// 请求内容
app.use(ctx => {
ctx.body = 'Hello World';
});
上面的例子在页面中返回 "Hello World",然而当请求开始时,请求先经过定制请求头和日志中间件,并记录中间件执行起始时间。 然后将控制权交给 reponse 中间件。当中间件运行到 yield next 时,函数挂起并将控制前交给下一个中间件。当没有中间件执行 yield next 时,程序栈会逆序唤起被挂起的中间件来执行接下来的代码。
为了方便理解我 YY 了下面的例子:
// 定制请求头
app.use(async function (ctx, next) {
console.log('step 1');
await next();
console.log('step 5');
});
// 日志输出
app.use(async function (ctx, next) {
console.log('step 2');
await next();
console.log('step 4:');
});
// 请求内容
app.use(ctx => {
console.log('step 3');
});
注:示例源码。
说到中间件就不得不提到中间件的开发,简单地说中间件就是一个回调函数,中间件的原理可以参考下面这个"洋葱模型":
2.x 版可以使用 yield
来分割 request 和 response,但是 2.0 发版后就明确说明在 3.x 希望使用 await
来代替 yield
,也就是要从 generator function 升级到 async function。某些组件还没有进行升级,经常会看到控制台上又这样的警告信息 "Support for generators will be removed in v3.",其中常用的 koa-router 和 koa-proxy 就在其中,如果想去除警告,并且与下一个版本兼容,可以参考 koa-static 这个库(做静态文件路由的一个中间件)。
app 的几个方法
app.listen(),为应用绑定端口,参数的详细文档请查看nodejs.org。
app.callback(),返回一个适合 http.createServer()
方法的回调函数用来处理请求。
app.use(function),为应用添加指定的中间件,详情请看 Middleware。
app.keys=,设置签名Cookie密钥。
app.context,方便扩展 ctx:
app.context.db = db();
app.use(async (ctx) => {
console.log(ctx.db);
});
app.on,典型的是错误处理:
app.on('error', function(err){
log.error('server error', err);
});
上下文
Koa Context 将 node 的 request 和 response 对象封装在一个单独的对象里面,其为编写 web 应用和 API 提供了很多有用的方法。
app.use(function *(){
this; // is the Context
this.request; // is a koa Request
this.response; // is a koa Response
});
一堆 API 就不写了,自行到官网查看。
中间件
Koa 就是一个框架,大部分功能还需要靠中间件实现。
中间件 koa-router
安装
npm install koa-router
使用
const Koa = require('koa');
const app = new Koa();
const router = require('koa-router')();
router.get('/', function *(next) {
this.body = 'Hello World!';
});
router.get('/a', function *(next) {
this.body = 'Hello World A!';
});
app.use(router.routes());
app.listen(4000);
console.log('服务已启动: localhost:4000');
RESTFul 风格的路由像这样配置:
router.get('/users/:id', function *(next) {
// ...
}).del('/users/:id', function *(next) {
// ...
});
官网:koa-router。
中间件 koa-static
安装
npm i koa-static --save
使用
const koaStatic = require('koa-static')('./');
app.use(koaStatic);
说明:
- 第一个参数指定根路径
- 第二个参数指定各种配置项
注意:
默认请求指向 index.html
文件,当然你可以通过第二个参数 options 自定义默认请求的文件。如果配置了 koa-router
的默认路径那么静态文件的路由默认会失效。如下面访问 http://localhost:4000/
这样的路径会返回报 404,而不会去读取 ../dist/index.html
文件并返回。
router.get('/', function *(next) {
});
const koaStatic = require('koa-static')('./', {
index: '../dist/index.html'
});
其他参数参考 koa-static 中间件官网:koa-static。
注:示例源码,示例验证了 HTML,图片,CSS 和 JS 静态文件的加载。
中间件 koa-proxy
安装
npm i koa-proxy --save
代理接口,默认只代理接口不代理静态文件,当前的 router
优先,也就是说如果已经配置了某接口的路由,那么此接口不会被代理带其他服务器上。
const koaProxy = require('koa-proxy')({
host: 'http://127.0.0.1:5000'
});
app.use(koaProxy);
也可以给静态文件做远程代理:
app.get('index.js', proxy({
url: 'http://127.0.0.1:5000/index.js'
}));
注1:示例源码。 注2:中间件 koa-proxy
意外收获的包
读源码的时候发现了很多服务器开发有用的包,下面列一下:
co
Generator 函数执行器,TJ大神的作品。GitHub
co(gen);
methods
Node 支持的 http 类型,这种只返回一个数组的小包居然也是 TJ 大神创立的。GitHub
assert
对 Node 原生包的扩展,支持浏览器。GitHub
// 判空
assert(root, 'root directory is required to serve files');
http-errors
处理 http 异常的模块,这个做服务器端开发肯定少不了。GitHub
cookie
这种包用途也很广泛。GitHub
path-to-regexp
非常棒的路径匹配和 RESTFul 地址转化的工具。GitHub
is-generator-function
判断一个函数是否是 Generator 函数。GitHub
const isG = require('is-generator-function');
isG(fn);
Koa 学习笔记的更多相关文章
- koa学习笔记
卸载node http://www.it165.net/os/html/201504/12427.html 安装 sudo npm install -g n sudo n stable 装个稳定版试试 ...
- Node、TS、Koa学习笔记
这样定义可以轻松拿到gender属性 这样定义,函数内显示没有gender 这种方法能得到gender但是函数内部没有gender 这种方式能到gender 但是在函数里施symbel属性,外部不能访 ...
- Nodejs学习笔记(十五)--- Node.js + Koa2 构建网站简单示例
目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装项目其它需要包 清除冗余文件并重新规划项目目录 配置文件 规划示例路由,并新建相关文件 实现数据访问和业务逻辑相关方法 编写mys ...
- [转]Nodejs学习笔记(十五)--- Node.js + Koa2 构建网站简单示例
本文转自:https://www.cnblogs.com/zhongweiv/p/nodejs_koa2_webapp.html 目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装 ...
- Nodejs学习笔记(十五)—Node.js + Koa2 构建网站简单示例
前言 前面一有写到一篇Node.js+Express构建网站简单示例:http://www.cnblogs.com/zhongweiv/p/nodejs_express_webapp.html 这篇还 ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- PHP-自定义模板-学习笔记
1. 开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
- PHP-会员登录与注册例子解析-学习笔记
1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...
- 2014年暑假c#学习笔记目录
2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...
随机推荐
- mysql 2pc理解
- Leetcode中sort排序遇到的一些问题
class Solution { public: static bool cmp(vector<int>a,vector<int>b) { ]-a[]<b[]-b[]; ...
- 从零开始学spring cloud(十一) -------- hystrix监控
一.官方文档阅读 服务启动后,可以通过/health和hystrix.stream查看效果,实际上,访问上述两个地址,会出现404,这是因为spring boot版本的问题, 我在这里使用的sprin ...
- jdk1.7/1.8 HashMap、ConcurrentHashMap详解
摘要: 本文主要参考网上Blog(详见Reference)总结ConcurrentHashMap的各方面知识,方便复习 转自:https://my.oschina.net/hosee/blog/675 ...
- Wordpress 后台更改网址
在 `wp_options` 数据库执行下面两条命令 ```sql update wp_options set option_value = 'your_new_url' where option_n ...
- vue父子组件实现v-model
话不多说,直接上代码 <div id="app"> <price-input v-bind:value="price" v-on:input= ...
- 定时执行自动化脚本-(一)导入保存jmeter参数至文件的jar包
1.先完成jmeter脚本编写,具体怎么写此处不再详述,可以参考其他文档. 2.有时你会发现jmeter脚本执行后,有些响应信息你需要提取到文件中,以便后续使用: 怎么实现呢?个人思路就是,先写个ja ...
- android studio 模拟器不能使用的解决方案
1.安装模拟器的时候 AS提示是 VT -x is disable 进入电脑的 bios 系统设置,怎么进入--> 在开机的时候点击F2(华硕电脑,不同电脑方式不同) --在“configura ...
- 【Java】学习笔记(1)
Java数据类型: 基本数据类型:(变量在栈中)数值型:byte(1个字节) short(2个字节) int(四个字节) long(8个字节) ,float(4字节) double(8字节) 字符型: ...
- oracle分区表的使用和查询
本文参考了 https://blog.csdn.net/mzglzzc/article/details/46300645 一 创建和使用分区表 1.范围分区(RANGE)范围分区将数据基于范围映射到 ...