极速轻量的 Web 框架,比 Express 小 40 倍!

 
 

大厂技术  高级前端  Node进阶

点击上方 程序员成长指北,关注公众号
回复1,加入高级Node交流群

Hono[1] 是一个极速、轻量且简单的 Web 框架。它支持大量的 JavaScript 运行时:Cloudflare Workers、Fastly Compute、Deno、Bun、Vercel、Netlify、AWS Lambda、Lambda@Edge 和 Node.js。

4a29b2268c05049b3e3443c965ee637c.jpeg

Hono 的应用场景

Hono 是一个简单的 Web 应用程序框架,类似于 Express,没有前端。但它可以在 CDN 边缘网络上运行,与中间件结合后可以构建更大的应用程序。下面是一些应用场景。

  • 构建 Web APIs

  • 后端服务器代理

  • CDN 前端

  • 边缘应用程序

  • 基础服务器

  • 全栈应用程序

基于 Hono 开发的应用程序,已经被成功运行在 Cloudflare Workers、Bun 和 Deno 等多种 JavaScript 运行时上。下图展示了一些比较知名的应用程序:

52d83b73b524967c7d7da8890f98d99a.jpeg

Hono 的特性

  • 超快🚀:路由器 RegExpRouter 非常快,不使用线性循环。

  • 轻量级🪶:hono/tiny 小于 14kB。Hono 零依赖,并且仅使用 Web 标准 API。

  • 多运行时🌍:支持 Cloudflare Workers、Fastly Compute、Deno、Bun、AWS Lambda 或 Node.js。相同的代码在所有平台上运行。

  • 功能齐全🔋:内置开箱即用的中间件、支持自定义中间件、第三方中间件和多种工具类。

  • 友好的开发体验😃:超简洁的 API,支持 TypeScript。

速度超快

相比 Cloudflare Workers 上 itty-router、sunder 等其他路由组件,Hono 是最快的👍:

Hono x 402,820 ops/sec ±4.78% (80 runs sampled)
itty-router x 212,598 ops/sec ±3.11% (87 runs sampled)
sunder x 297,036 ops/sec ±4.76% (77 runs sampled)
worktop x 197,345 ops/sec ±2.40% (88 runs sampled)
Fastest is Hono
✨  Done in 28.06s.

轻量

Hono 非常小。在压缩后,hono/tiny 的大小小于 14kB。提供了非常多常用的中间件和适配器,仅在使用时才进行打包。相比 Express 来说,它的尺寸是 572 kB。

$ npx wrangler dev --minify ./src/index.ts
 ⛅️ wrangler 2.20.0
--------------------
⬣ Listening at http://0.0.0.0:8787
- http://127.0.0.1:8787
- http://192.168.128.165:8787
Total Upload: 11.47 KiB / gzip: 4.34 KiB

支持多种路由

为了满足不同的使用情形,Hono 提供了多种路由组件:

  • RegExpRouter 是 JavaScript 世界中最快的路由器。它使用在调度之前创建的单个大型正则表达式来匹配路径。借助 SmartRouter,它支持所有路由模式。

  • LinearRouter 注册路由的速度非常快,因此适用于每次都要初始化应用程序的环境。PatternRouter 只需添加和匹配模式,因此它的体积很小。

内置丰富的中间件和工具类

Hono 提供了丰富的中间件和工具类,让 “Write Less, do more” 成为现实。ea216f7aac3ed93db6c5331ab0be3275.jpeg

使用 Hono 添加 ETag 和请求日志只需几行代码:

import { Hono } from 'hono'
import { etag } from 'hono/etag'
import { logger } from 'hono/logger'

const app = new Hono()
app.use(etag(), logger())

友好的开发体验

Hono 提供了友好的开发体验。通过 Context 对象,可以轻松访问请求/响应。此外,Hono 是用 TypeScript 编写的,所以 Hono 拥有 “类型”。

有 TypeScript 类型系统的支持,路径参数将被推断为字面量类型。

c53bc23b8b0a70430a7ea4578b1f7e5f.png

此外,Validator 和 Hono Client 支持 RPC 模式。在 RPC 模式下,你可以使用自己喜欢的 Validator(如 Zod),轻松地与客户端共享服务器端 API 规范,并构建类型安全的应用程序。

快速开始

首先,使用 npm、yarn、pnpm、bun 或 deno 安装 hono:

npm create hono@latest
yarn create hono
pnpm create hono
bunx create-hono
deno run -A npm:create-hono

然后,从 hono 包导入 Hono 类并创建 Hono 实例:

import { Hono } from 'hono'
const app = new Hono()

app.get('/', (c) => c.text('Hono!'))

export default app

Cloudflare 提供的 CLI 工具,也提供了最精简的 honojs/hono-minimal 模板,让开发者能够基于 Hono 快速开发 Cloudflare Workers 应用程序:

npx wrangler generate my-app honojs/hono-minimal

Cloudflare Workers 的功能还是很强大的,基于它可以开发很多有用的小工具。感兴趣的话,可以浏览 Github 上 awesome-cloudflare[2] 项目的内容。后续如果你也想开发 Cloudflare Workers、Fastly Compute 或 AWS Lambda 等 FaaS 应用,可以试试 Hono 这个轻量的开发框架。

参考资料

[1]

Hono: https://hono.dev/

[2]

awesome-cloudflare: https://github.com/zhuima/awesome-cloudflare

最后

Node 社群

 
 

我组建了一个氛围特别好的 Node.js 社群,里面有很多 Node.js小伙伴,如果你对Node.js学习感兴趣的话(后续有计划也可以),我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。

15849b86cd2e214285b0ec3167533317.png

“分享、点赞、在看” 支持一下
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值