首页 > web前端 > js教程 > Hono.js:下一代 Node.js 框架

Hono.js:下一代 Node.js 框架

Barbara Streisand
发布: 2025-01-06 22:33:42
原创
370 人浏览过

Hono.js: The Next-Gen Node.js Framework

为什么要学习Hono

Hono.js: The Next-Gen Node.js Framework

市场上已经有很多 Node.js 的后端库和框架。我之前曾在一些小项目中使用过 Nest.js。功能全面,项目快速实施。不过,对于我的小项目来说,它的很多功能确实有点大材小用,而且封装程度很高,写代码的自由度很小。

一次偶然的机会,我在网上认识了Hono。阅读其文档后:

  • 超快? ​​- 路由器 RegExpRouter 确实很快。它不使用线性循环。就是很快。
  • 轻量级? ​​- hono/tiny 预设小于 12 kB。 Hono 零依赖,仅使用 Web 标准 API。
  • 多运行时? ​​- 它适用于 Cloudflare Workers、Fastly Compute@Edge、Deno、Bun、Lagon、AWS Lambda 或 Node.js。相同的代码在所有平台上运行。
  • 有能力? ​​- Hono 附带内置中间件、自定义中间件、第三方中间件和帮助程序。包罗万象。
  • Pleasant DX ?️ - 它拥有超级干净的 API 和出色的 TypeScript 支持。现在,我们有了“类型”。

使用案例

Hono 是一个简单的 Web 应用程序框架,类似于 Express,但没有前端。它允许您与中间件结合使用来构建更大的应用程序。以下是一些用例示例:

  • 构建网络界面
  • 后端服务器代理
  • CDN 前端
  • 边缘应用
  • 图书馆的基本服务器
  • 全栈应用

太好了,让我们开始学习吧。

你好世界

https://hono.dev/docs/getting-started/basic

可以通过设置端口来修改端口

import { Hono } from 'hono';

const app = new Hono();

app.get('/', (c) => {
    return c.text('Hello Hono!');
});

export default app;
登录后复制
登录后复制

执行:

npm run dev
登录后复制
登录后复制

访问:http://localhost:8787

路线

HTTP 方法

app.get('/', (c) => c.text('GET /'));
app.post('/', (c) => c.text('POST /'));
app.put('/', (c) => c.text('PUT /'));
app.delete('/', (c) => c.text('DELETE /'));
登录后复制

分层路由

const apiRoutes = app
   .basePath("/api")
   .route("/expenses", route1)
   .route("/", route2);
登录后复制

前面的basePath("/api")为所有路由添加了/api前缀。

export const route1 = new Hono()
   .post("/", async (c) => {
        return c.json({ });
    });
登录后复制

您可以通过http://localhost:8787/api/expenses访问上述路由。

要求

获取请求参数并查询

app.get('/posts/:id', (c) => {
    const page = c.req.query('page');
    const id = c.req.param('id');
    return c.text(`You want see ${page} of ${id}`);
});
登录后复制

查看结果:http://localhost:8787/posts/1?page=12

获取请求体的内容

app.put("/posts/:id{[0-9]+}", async (c) => {
    const data = await c.req.json();
    return c.json(data);
});
登录后复制

回应

除了text()之外,还有json()、html()、notFound()、redirect()等多种方法可以让请求返回不同类型的数据。 html() 可以直接返回 JSX。

JSX

import { Hono } from 'hono';

const app = new Hono();

app.get('/', (c) => {
    return c.text('Hello Hono!');
});

export default app;
登录后复制
登录后复制

只需将文件扩展名改为.tsx,就可以直接编写JSX,非常像React。

验证者

验证器是通过zod和@hono/zod-validator实现的,用于检查客户端发送的请求是否符合指定的数据格式。
安装:yarn add zod @hono/zod-validator
例如,如果我们需要在请求中验证,客户端发送的数据格式必须是:
帐户:字符串;密码:字符串

npm run dev
登录后复制
登录后复制

从 zod 文档中了解更多信息。并且IDE可以直接为用户显示类型提示。

Leapcell:用于 Nodejs 托管的高级无服务器平台

Hono.js: The Next-Gen Node.js Framework

最后给大家介绍一个非常适合部署Hono应用的平台:Leapcell。

Leapcell 是一个无服务器平台,具有以下特点:

  1. 多语言支持
    • 使用 JavaScript、Python、Go 或 Rust 进行开发。
  2. 免费部署无限个项目
    • 只需支付使用费用——无请求,不收费。
  3. 无与伦比的成本效率
    • 即用即付,无闲置费用。
    • 示例:25 美元支持 694 万个请求,平均响应时间为 60 毫秒。
  4. 简化的开发者体验
    • 直观的用户界面,轻松设置。
    • 完全自动化的 CI/CD 管道和 GitOps 集成。
    • 实时指标和日志记录以获取可行的见解。
  5. 轻松的可扩展性和高性能
    • 自动扩展,轻松处理高并发。
    • 零运营开销 - 只需专注于构建。

在文档中探索更多内容!

Leapcell Twitter:https://x.com/LeapcellHQ

以上是Hono.js:下一代 Node.js 框架的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板