阅读 1092

Node.js 入门系列(八)Koa 框架

前文 已经简单的了解了 Express 框架,并且使用该框架对石头剪刀布游戏进行了改造,那么来看看 Koa 框架和 Express 框架有什么不同,然后用 Koa 框架对石头剪刀布游戏进行改造吧!

Koa

Koa 是为了解决 Express 的一些设计缺陷而诞生的。它的中间件可以通过 async function 来编写,await next() 可以中断中间件的执行,等到后面所有中间件执行完之后再执行,通过 await next() 来实现洋葱模型。

还有一个特点是对 requestresponse 的简化处理,这两者都挂载在 ctx 上使用,返回的内容也可以通过直接赋值来使用,如:ctx.response.body = fs.createStream('really_large.xml')

而且 Koa 把路由功能砍掉了,它是通过中间件来实现的,这是一种微内核的极简思路。

核心功能(Koa 的说明文档):

  • Express 更极致的 request / response 简化,如:
    • ctx.status = 200
    • ctx.body = 'hello node'
  • 使用 async function 实现的中间件。
  • 暂停执行 的能力。
  • 异步 的情况下也符合洋葱模型。
  • 精简内核,所有额外功能都移到中间件里实现

Koa 改造石头剪刀布游戏

同样,game.js 游戏模块和 index.html 页面的代码没有变动,需要安装依赖包:koakoa-mountnpm i koa koa-mount

koa-mount 可以将其它应用程序作为中间件挂载,传递给 mount() 函数的路径参数暂时从 url 里剥离出来,直到堆栈释放。对于创建不管用于那个路径且功能正常的整个 app 或 中间件是很有用。它把中间件挂载到一个特定的路径上,中间件独立于这个路径动作。

index.js 代码改造:

// 加载模块
const fs = require('fs');
const koa = require('koa');
const mount = require('koa-mount');

const game = require('./game');
let playerWon = 0; // 赢的次数

const app = new koa();
// 精简内核,所有额外功能都移到中间件里实现。路由使用通过 mount 的中间件实现的
// 通过 mount() 把中间件挂载到一个特定的路径上,中间件独立于这个路径动作。 
// /favicon.ico 路径的路由
app.use(
  mount('/favicon.ico', function (ctx) {
    // 对 `request` 和 `response` 的处理简化了,这两者都挂载在 `ctx` 上使用,返回的内容也可以通过直接赋值来使用
    ctx.status = 200;
    return;
  })
)
// mount中不可以跟多个函数中间件,可以通过 new koa() 来挂载在 koa 上:
const gameKoa = new koa();
app.use(
  mount('/game', gameKoa)
)
// 分离模块
gameKoa.use(
  async function (ctx, next) {
    if (playerWon >= 3) {
      // response.status(500);
      // response.send('我不会再玩了!');
      // 使用 = 赋值,更加简化了
      ctx.status = 500;
      ctx.body = '我不会再玩了!';
      return;
    }
    // 通过next执行后续中间件
    await next();
    // 当后续中间件执行完之后,会执行到这个位置
    if (ctx.playerWon) {
      playerWon++;
    }
  }
)
// 在 koa 里可以使用 async function 和 await next() 来执行异步中间件
// 使在异步的情况下也符合洋葱模型。
gameKoa.use(
  async function (ctx, next) {
    const query = ctx.query;
    const playerAction = query.action;
    if (!playerAction) {
      ctx.status = 400;
      return;
    }
    ctx.playerAction = playerAction;
    await next();
  }
)
// 异步处理,500ms后才返回结果
gameKoa.use(
  async function (ctx, next) {
    const playerAction = ctx.playerAction;
    const result = game(playerAction);
    // 对于一定需要在请求主流程里完成的操作,一定要使用await进行等待
    // 否则koa就会在当前事件循环就把http response返回出去了
    await new Promise(resolve => {
      setTimeout(() => {
        ctx.status = 200;
        if (result == 0) {
          ctx.body = '平局'
        } else if (result == -1) {
          ctx.body = '你输了'
        } else {
          ctx.body = '你赢了'
          ctx.playerWon = true;
        }
        resolve();
      }, 500)
    })
  }
)
// 打开页面 index.html
app.use(
  mount('/', function (ctx) {
    ctx.body = fs.readFileSync(__dirname + '/index.html', 'utf-8')
    return;
  })
)
// 监听端口 3000
app.listen(3000);
复制代码

Express VS Koa

  • Express 门槛更低,Koa 更强大优雅。
  • Express 封装更多东西,开发更快速,Koa 可定制型更高。

它们孰优孰劣?

  • 其实框架之间并 没有优劣之分
  • 不同的框架有不同的 适用场景
文章分类
前端
文章标签