Express/Koa/Hapi

Express/Koa/Hapi

本文翻译自:

https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi

1、介绍

  直至今日,Express.js仍然是最为流行的Node.js Web应用程序框架。它似乎已经逐渐成为大多数Node.js Web应用程序的基础依赖框架,包括很多流行的框架,比如Sail.js就是以Express.js为基础搭建的。然而现在我们有了更多“类sinatra”(注:sinatra是一款Ruby框架,代码非常简洁,号称开发一个博客项目只需要100行代码)似的框架可以选择。也就是接下来我们将分别介绍的Koa和Hapi两个框架。

  本文的目的并不是打算去说服大家去使用其中的任何一款框架,而是希望能够帮助大家去对比分析这三个框架的优劣势。

2、框架背景

  今天我们对比的这三款框架其实都有很多的共通点。比如他们都可以几行代码就能创建一个服务,而且进行REST API的开发也是小菜一碟。下面我们就分别来看这三款框架吧。

2.1、Express

  2009年6月26日,TJ Holowaychuk 第一次提交了Express的代码。在2010年1月2日,Express正式发布了0.0.1版本,截止当时,作者已经提交了超过660次代码。当时Express的两位主要开发维护者分别是TJ 以及 Ciaron Jessup。第一版发布的时候,Express在Github的readme.md介绍文件中式这么描述这块框架的:

一款基于node.js以及Chrome V8引擎,快速、极简的JS服务端开发框架。

  5年多后今天,Express目前已经发布到4.10.1版本,提交超过4925次代码,目前主要是采用StrongLoop进行开发维护,因为TJ同学已经转入GO语言开发社区了。

2.2、Koa

  Koa是在一年以前也就是在2013年8月17日由TJ同学(是的,还是他...)首次提交的代码。他当时是这么描述Koa的:“更具有表现力,更健壮的Node.js中间件。基于co组件的generators处理异步回调,无论是Web应用还是REST API开发,你的代码都将变得更加优雅”。(注:Koa2发布后,已经放弃了引入co组件,而是开始采用ES7的async/await语法处理异步回调)。轻量化的Koa号称不超过400行代码。(注:SLOC是源代码行数,又分为物理代码行数LOC,以及逻辑代码行数LLOC)。截止目前,Koa已经发布了0.13.0版本,超过585次的代码提交。

2.3、Hapi

  Hapi是由来自于沃尔玛实验室的Eran Hammer同学在2011年8月5日首次提交的。原本他只是Postmile(这是一款在node.js上开发的协作列表工具,服务端由Hapi完成的一个核心部件,同样也是基于Express开发。后来Hapi才被独立出来作为一款框架进行开发维护,Eran同学在他的博客里这样说道:

  “Hapi的核心思想是配置优于代码,所以业务代码必须从传输层中剥离出来”

  至今为止,Hapi已经提交超过3816次代码,版本是7.2.0,当前仍然是由Eran Hammer进行主要开发维护。

  OK,最后让我们来通过社区的统计数据来看看这三个框架的活跃程度:

  


参考项


Express.js


Koa.js


Hapi.js


Github点赞数


16158


5846


3283


代码贡献者


163


49


95


依赖包数量


3828


99


102


StackOverFlow提问数


11419


72


82

3、创建服务

  基本上每个刚开始接触Node.js的开发者第一步操作就是创建一个服务。因为下面我们将依次使用每个框架来分别创建一个服务,来看看他们之间的相似处与不同的地方。

3.1、Express

var express = require(‘express‘);
var app = express();

var server = app.listen(3000, function() {
    console.log(‘Express is listening to http://localhost:3000‘);
});

  上面的操作对于大多数Node开发者来说应该都是很熟练了。我们先引入express,然后创建一个实例对象并将其赋值给变量app。接下来是实例化一个服务,并且开始监听3000端口。app.listen() 其实就是对nodejs原生的http.createServer()进行了一层封装。

3.2、Koa

var koa = require(‘koa‘);
var app = koa();

var server = app.listen(3000, function() {
    console.log(‘Koa is listening to http://localhost:3000‘);
}); 

  显而易见,Koa的语法和Express非常相似。其实来说你只需要将引入express修改为引入koa即可。同样的,app.listen() 也是对http.createServer()进行了一层封装。

3.3、Hapi

var Hapi = require(‘hapi‘);
var server = new Hapi.Server(3000);

server.start(function() {
    console.log(‘Hapi is listening to http://localhost:3000‘);
});

  Hapi的语法比较特别一些。不过,第一步还是引入hapi,但是这里是实例化存入一个hapi app变量中,然后就可以创建一个指定端口的服务了。在Express和Koa中这一步我们得到的是一个回调函数,但是Hapi返回的是一个server对象。一旦我们通过server.start()来调用这个在3000端口的服务以后,他将会返回一个回调函数。然后跟Koa和Express不一样的地方在于,这个回调并不是对http.CreateServer()进行的一层封装,而是Hapi自己实现的逻辑。

4、路由

  接下来我们继续深入了解作为一个服务的一个重要功能,那就是路由。第一步我们将使用每个框架来分别创建一个“Hello World”应用,然后再继续关注一些更实用的功能,REST API。

4.1 Hello World

4.1.1  Express

var express = require(‘express‘);
var app = express();

app.get(‘/‘, function(req, res) {
    res.send(‘Hello world‘);
});

var server = app.listen(3000, function() {
    console.log(‘Express is listening to http://localhost:3000‘);
});

  我们使用get()方法来捕获“GET /”请求,然后调用一个回调函数来处理请求,该回调函数拥有两个参数:req与res。在这个例子中我们仅仅使用了res的res.send()方法来向页面返回一个字符串。Express包含了很多内置的方法来处理路由功能。下面是几个Express中常用的方法(只是部分,并不是全部方法):get, post, put, head, delete…

4.1.2 Koa

var koa = require(‘koa‘);
var app = koa();

app.use(function *() {
    this.body = ‘Hello world‘;
});

var server = app.listen(3000, function() {
    console.log(‘Koa is listening to http://localhost:3000‘);
});

  Koa和Express有些许的不同之处,因为他使用了ES6 的generators语法。(注:generators是ES6提出的一种异步回调的解决方法,在ES7中将直接升级为async/await)在方法前面加上一个 * 表示该方法返回一个generator对象。generators函数的作用就是使得异步函数产生一些同步的值,但是这些值仍然是在当前的请求范围之类。(注:generator对通过yield 定义不同的状态值,return也算是一个状态值。详情了解:http://es6.ruanyifeng.com/#docs/generator )在app.use()中,generator函数对响应体进行赋值。在Koa中this对象,其实就是对node的request与response对象进行的封装。this.body在Koa中是一个响应体对象的方法。它基本上能被赋值为任何值,字符串、buffer、数据流、对象或者是null。Koa核心库提供了很多中间件,这里我们只是使用了其中的一个,这个中间件可以捕获所有的路由,然后响应一个字符串。

4.1.3 Hapi

var Hapi = require(‘hapi‘);
var server = new Hapi.Server(3000);

server.route({
    method: ‘GET‘,
    path: ‘/‘,
    handler: function(request, reply) {
        reply(‘Hello world‘);
    }
});

server.start(function() {
    console.log(‘Hapi is listening to http://localhost:3000‘);
});

  这里我们使用了由server对象提供的一个内置方法:server.route(),这个方法需要这些参数:path(必填)、method(必填)、vhost以及handler(必填)。这个HTTP方法可以处理我们常见的GET/PUT/POST/DELETE请求,也可以使用*来处理所有路由请求。回调函数会被Hapi默认传入request对象以及reply方法,reply是必须被执行的方法,而且需要传入一项数据,这个数据可以是字符串、序列化的对象或者流。

4.2 REST API

  Hello World程序从来都没有太多的期望,因为它只能展示创建及运行一个应用最基本最简单的操作。REST API几乎是所有大型应用程序所必须的一个功能,同时对于我们更好的理解这些框架有很大的帮助。因此接下来我们将看看这几个框架是如何来处理REST API。

4.2.1 Express

var express = require(‘express‘);
var app = express();
var router = express.Router();    

// REST API
router.route(‘/items‘)
.get(function(req, res, next) {
  res.send(‘Get‘);
})
.post(function(req, res, next) {
  res.send(‘Post‘);
});

router.route(‘/items/:id‘)
.get(function(req, res, next) {
  res.send(‘Get id: ‘ + req.params.id);
})
.put(function(req, res, next) {
  res.send(‘Put id: ‘ + req.params.id);
})
.delete(function(req, res, next) {
  res.send(‘Delete id: ‘ + req.params.id);
});

app.use(‘/api‘, router);

// index
app.get(‘/‘, function(req, res) {
  res.send(‘Hello world‘);
});

var server = app.listen(3000, function() {
  console.log(‘Express is listening to http://localhost:3000‘);
});

  我们在现有的Hello World程序上增加了REST API。Express提供了一些缩写的方法来处理路由。这是Express 4.x 版本的语法,其实跟Express 3.x 版本差不多,同样希望你不再使用express.Router()方法,而是换成新的API:app.use(‘/api‘, router)。新的API可以让我们使用app.route()来替换之前的router.route(),当然了需要添加一个描述性的动词/api.这是一个不错的修改,因为降低开发者出现错误的机会,同时对原有的HTTP方法进行了最小的一个修改。

4.2.2 Koa

var koa = require(‘koa‘);
var route = require(‘koa-route‘);
var app = koa();

// REST API
app.use(route.get(‘/api/items‘, function*() {
    this.body = ‘Get‘;
}));
app.use(route.get(‘/api/items/:id‘, function*(id) {
    this.body = ‘Get id: ‘ + id;
}));
app.use(route.post(‘/api/items‘, function*() {
    this.body = ‘Post‘;
}));
app.use(route.put(‘/api/items/:id‘, function*(id) {
    this.body = ‘Put id: ‘ + id;
}));
app.use(route.delete(‘/api/items/:id‘, function*(id) {
    this.body = ‘Delete id: ‘ + id;
}));

// all other routes
app.use(function *() {
  this.body = ‘Hello world‘;
});

var server = app.listen(3000, function() {
  console.log(‘Koa is listening to http://localhost:3000‘);
}); 

  很明显,Koa并不能像Express那样去降低route动词的重复性。它同时还需要引入一个独立的中间件来处理路由。我选择使用koa-route,是因为他主要是由Koa小组来开发维护,当然也还有很多其他开发者贡献的路由中间件可以选择。从方法名的关键字上来看,koa的路由和express也是非常相似的,例如.get(), .put(), .post(), 以及 .delete()。

  Koa在处理路由有一个优势,它使用了ES6 的generator函数,从而降低了回调函数的复杂度。

4.2.3  Hapi

var Hapi = require(‘hapi‘);
var server = new Hapi.Server(3000);

server.route([
  {
    method: ‘GET‘,
    path: ‘/api/items‘,
    handler: function(request, reply) {
      reply(‘Get item id‘);
    }
  },
  {
    method: ‘GET‘,
    path: ‘/api/items/{id}‘,
    handler: function(request, reply) {
      reply(‘Get item id: ‘ + request.params.id);
    }
  },
  {
    method: ‘POST‘,
    path: ‘/api/items‘,
    handler: function(request, reply) {
      reply(‘Post item‘);
    }
  },
  {
    method: ‘PUT‘,
    path: ‘/api/items/{id}‘,
    handler: function(request, reply) {
      reply(‘Put item id: ‘ + request.params.id);
    }
  },
  {
    method: ‘DELETE‘,
    path: ‘/api/items/{id}‘,
    handler: function(request, reply) {
      reply(‘Delete item id: ‘ + request.params.id);
    }
  },
  {
    method: ‘GET‘,
    path: ‘/‘,
    handler: function(request, reply) {
      reply(‘Hello world‘);
    }
  }
]);

server.start(function() {
  console.log(‘Hapi is listening to http://localhost:3000‘);
});

  跟其他框架相比,Hapi的路由配置给人的第一印象就是代码清爽,可读性高。甚至连必填的配置参数method,path,hanlder以及reply都非常容易辨别。跟Koa一样,Hapi路由的代码重复性也比较高,所以出错的几率也比较大。之所有这么做,是因为Hapi更希望使用配置来完成路由,这样我们的代码会更清爽,在小组内也会更容易的维护。Hapi同样试图去提高代码错误处理能力,因为有的时候他甚至不需要开发者编写任何代码(注:意思是完全都过配置实现,回调函数也是用默认的。这样出错的 概率就了很多,也更容易上手)。如果你试图去访问一个没有在REST API中定义的路由,那么Hapi将会返回一个包含状态值与错误信息的JSON对象。

5、优劣势

5.1 Express

5.1.1 优势

  Express拥有最大社区,比仅仅是跟这三个框架相比,而是对于所有的Nodejs框架来说也是最大的。目前来说,他是最为三者中最为成熟的框架,接近5年的开发投入,同时还采用了StrongLoop(注:StrongLoop是一个进程管理工具,提供CLI与UI界面。)对线上仓库的代码进行管理。他提供了一种简单的方式来创建和运行一个服务,同时路由的内置也使得代码得到了重复使用。

5.1.2 劣势

  在使用Express过程中,我们往往要处理很多单调乏味的任务。比如他没有内置的错误处理机制,另外对于同样一个问题可以有很多中间件来供选择,这也使得开发者容易迷失在中间件的选择中,总而言之就是,一个问题你会有N多解决方案。Express声称自己是可配置选择的,这其实不没有好或不好,但是对于一个刚刚接触Express的开发者来说,这就是他的劣势了。另外,Express跟其他的框架相比也还有很大的差距。

5.2 Koa

5.2.1 优势

  Koa的一个小进步就是他的代码比较富有表现力,开发中间件也比其他框架更容易得多。Koa是一个很基础的准系统框架,开发者可以选择(或开发)他们所需要的中间件,而不是去选择Express或Hapi的中间件。他同时也是三者中唯一一个积极拥抱ES6的框架,比如采用了ES6 generators函数。

5.2.2 劣势

  目前Koa还处于不稳定版本,还处在开发阶段。使用ES6进行开发的确是处于领先水平,比如Koa需要基于Nodejs 0.11.9以上的版本运行,而目前nodejs的文本版本是0.10.33。这是一件可以算作好也可以算作不好的事情,就像Express开发者有很多中间件要选择甚至自己开发中间件一样。比如我们在上面看到的一样,对于路由来说就有很多中间件供我们选择。

5.3 Hapi

5.3.1 优势

  Hapi一直很自豪的说他们的框架是配置优于代码,当然也有很多开发者可能会质疑把这一点算作是优势。但这一点对于大型项目组来说,的确是可以保持代码的统一性以及代码复用性。另外这款框架是由沃尔玛实验室支持的,也有很多大公司在线上环境使用Hapi,表明他已经通过了严峻的测试,因为这些公司会考虑得更多才会使用Hapi来运行他们的项目。因此所有的这些迹象都表明Hapi正在朝一个伟大的框架发展。

5.3.2 劣势

  Hapi的定位更倾向于大型或复杂的应用程序。对于一个简单的应用来说,Hapi在代码上反而有些显得冗余了,另外目前Hapi所提供的样例程序也比较少,使用Hapi进行开发的开源应用同样很少。因此,如果选择Hapi的话,你可能要投入更多精力进行开发,而不是简单的调用一个第三方中间件。

6、总结

  我们已经看了三个框架还算不错具有代表性的一些样例代码。Express仍然是当下最为流行,以及最被人所知晓的框架。当开始一个新的开发项目时,可能大家的第一反应就是用Express来创建一个服务。但是现在更希望大家多考虑考虑使用Koa或者Hapi。Koa积极拥抱ES6的语法,展示了promise的真正魅力。目前整个web开发社区也都意识到ES6的优势,正在逐步往上面迁移。Hapi应该是大型项目组或者大型项目的第一选择。他所倡导的配置优于代码会使得项目组 在代码的重复性上受益不浅,这也正是大多数项目组所追求的目标。现在行动起来,尝试一款新的框架吧,可能你会喜欢他也可能会讨厌他,但如果不去尝试你永远也不会知道结果是什么,最终所有的这些经历都会让你成长为一个更加优秀的开发者。

时间: 2024-08-05 14:29:02

Express/Koa/Hapi的相关文章

用 Nokitjs 解决前端开发中的跨域问题

问题 在开发一些「单页应用」时,通常会使用 Ajax 和服务器通讯,比如 RESTful API,通常「前端」和「服务端 API」可能是有不同人员在负责,也不在同一个工程下,那么开发过程中就可能会遇到跨域的问题,比如 Chrome 会在 console 中看到这样的错误消息: XMLHttpRequest cannot load http://google.com/. No 'Access-Control-Allow-Origin' header is present on the reques

【转载】Express、Koa、Hapi框架对比

中文翻译:http://ourjs.com/detail/5490db1c8a34fa320400000e 英文原文:https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi 1 介绍 Express.js无疑是当前Node.js中最流行的Web应用程序框架.它几乎成为了大多数Node.js web应用程序的基本的依赖,甚至一些例如Sails.js这样的流行的框架也是基于Express.j

node 进阶 | 通过node中如何捕获异常阐述express的特点

node如何捕获异常 node基于js的单线程,有了非阻塞异步回调的概念,但是在处理多个并发连接时,并发环境要求高,最重要的是单线程,单核CPU,一个进程crash则web服务都crash,但是为什么node还这么火?甚至有了Node工程师这个岗,肯定就是node有自己crash之前与之后的解决方法,比如捕获异常 问:nodejs如何捕获异常?答:回调函数中有err形参,console.log出来,这是我之前回答别人问题的答案,但是自从我这几天看了如何捕获异常,才知道捕获异常的精髓就是不要让服务

koa中使用的模块

今天开始学习目前呼声很高的koa模块,不过目前使用koa还是要用--harmony-generator标识,即便在刚出的nodejs 12上也是如此~,io.js倒是不需要,去年的nodejs和iojs分派不知道会不会带来什么大的变革,不过既然koa目前呼声这么高,肯定有他值得学习的地方,所以先搞着吧,多学点总比不学好. 这篇文章把koa依赖的模块列举一下,以后再自己学习koa的过程中减少一点查询的过程,也算是nodejs打基础的第一步吧~ accepts Higher level conten

koa 学习笔记

首先解释一下koa是什么? 同当前炙手可热的Express一样,它是一款更年轻的web应用框架 它和Express的异同? Koa,是 Express 原班人马基于 ES6 新特性重新开发的框架,主要基于co 中间件,框架自身不包含任何中间件,很多功能需要借助第三方中间件解决,但是由于其基于 ES6 generator 特性的异步流程控制,解决了 "callback hell" 和麻烦的错误处理问题. 异步流程控制 Express 采用 callback 来处理异步,Koa v1 采用

Node.js 学习资源

这篇文章编译整理自Stack Overflow的一个如何开始学习Node.js的Wiki帖,这份资源列表在SO上面浏览接近60万次,数千个收藏和顶.特意整理发布到这里,其中添加了部分中文参考资料. 学习指南和教程 NodeSchool.io 交互式课程 Node的艺术 (Node简介) Hello World Hello World Web Server Node.js 指南 使用Node.js, express和MongoDB创建一个博客 Node+MongoDB 100分钟建站攻略 Proj

node的项目的实践

学习一门语言,我们先要学习他的基本的语法,基本的数据类型,基本的数组操作,字符串的操作,然后就是语言的特性,实现共享和降低耦合的方式,然后开始比较高级的学习(所有语言都是一样的),比如说通信方法,tcp http等,io的操作,多进程,多线程的通信方式,阻塞非阻塞,对数据库的操作,性能的提升和更好的设计模式架构等. 当然对于一些tomcat,nginx,pm2,对服务器和一些服务器相关的工具的熟练使用,可能比上面的基础还要重要. 我们学习Node这门服务端的语言,同样.学习他后台的框架 expr

Node.js 2016 回顾以及2017展望(转自 i5ting )

Node.js 2016 回顾 1)Node.js版本变化 https://github.com/nodejs/LTS#lts-schedule 发布Node.js 6.x 并进入LTS(长期支持版本),凡是LTS的都可以在生成环境使用 发布Node.js 7.x 支持Async/await,尽管需要加flag才可以开启 根据node.green统计Node.js 6.x(LTS下面)的es 2015即es6兼容99% Node.js 6.x支持的10大关键特性 DevTools Inspect

关于React前端构建的一般过程 - 理论篇

概要 本文以个人阅读实践经验归纳前端架构构建过程,以Step by Step方式说明创建一个前端项目的过程.并会对每个阶段所使用的技术进行可替代分析,如Express替换Hapi或者Koa的优缺点分析.本文仅供参考. 流程 1. Package.json 首先,我们需要创建package.json文件.对设计初期已知的引用包和依赖包进行管理,使用ES6的,需要设置babel.其次编写脚本命令.一般文件形式如下: { "name": "practice", "