」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 面向 Express 開發人員的 Hono:邊緣運算的現代替代方案

面向 Express 開發人員的 Hono:邊緣運算的現代替代方案

發佈於2024-10-31
瀏覽:609

Hono for Express Developers: A Modern Alternative for Edge Computing

Express.js 长期以来一直是许多开发人员在构建 Web 服务器时的首选。凭借每周超过 3000 万 的安装量,Express 显然已经巩固了自己作为行业标准的地位。但随着时间的推移,现代 Web 应用程序的要求也在不断变化。开发人员现在正在寻求不仅简单而且更健壮类型安全,并且更适合边缘计算和无服务器环境

多年来,NestJSNext.jsNuxt.js 等框架一直在尝试发展和改善开发者体验。虽然这些框架功能强大,但它们通常非常复杂或繁重的设置过程,这可能会让人感到不知所措,尤其是对于更简单的用例。有时,开发人员需要像 Express 一样简单、轻量级但具有现代功能的东西。

这就是Hono介入的地方。

Hono 提供了 Express 的简单性,并具有更高的性能现代 Web 标准以及对 TypeScript 更好的支持。在本文中,我们将比较它们的核心概念,突出差异,并展示 Hono 如何提升您的开发体验,尤其是边缘和无服务器部署。

1. 设置:简单是核心

使用 Express 设置基本服务器非常简单,Hono 也具有这种简单性。以下是初始化两个框架的快速浏览:

表达 -

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello from Express!');
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

霍诺-

import { serve } from '@hono/node-server'
import { Hono } from 'hono';
const app = new Hono();

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

serve(app);

可以看到,代码结构是类似的。这里的主要区别是 -

  • 一个额外的包@hono/node-server,用于为Hono应用程序提供服务。在 Node.js 环境中运行 Hono 应用程序需要此包。这也是 Hono 与 Express 的不同之处,因为您可以为所有环境使用相同的代码库。

Hono 支持多种环境,如 Node.js、Deno,甚至浏览器。这使得它成为想要构建可以在多个平台上运行的应用程序的开发人员的绝佳选择。您可以在 Hono 文档上查看所有支持的运行时的完整列表

  • Hono 还使用单个上下文对象 c 来代替 req 和 res,其中包含有关请求和响应的所有信息。这使得使用请求和响应对象变得更容易。这就是为什么我们有 c.text 而不是 res.send.

2. 路由:可链式且高效

就像 Express 一样,Hono 也拥有出色的路由系统。以下是在两个框架中定义路由的方法:

表达 -

app.get('/user', (req, res) => {
  res.send('User page');
});

霍诺-

app.get('/user', (c) => c.text('User page'));

除了使用单个变量 c(上下文)而不是 req 和 res 之外,Hono 中的路由系统与 Express 类似。您可以使用app.get、app.post、app.put、app.delete等定义路由

此外,由于 Hono 针对性能进行了优化,因此与 Express 相比,您可以期待更快的请求处理。

3. 中间件:灵活性与极简主义的结合

Express以其中间件系统而闻名,Hono也提供类似的功能。以下是在两个框架中使用中间件的方法:

表达 -

app.use((req, res, next) => {
  console.log('Middleware in Express');
  next();
});

霍诺-

app.use((c, next) => {
  console.log('Middleware in Hono');
  next();
});

4. 请求和响应处理:核心的 Web 标准

Express 使用 Node 特定的 API,例如 req 和 res,大多数开发人员都熟悉这些 API:

表达 -

app.get('/data', (req, res) => {
  res.json({ message: 'Express response' });
});

相比之下,Hono 构建在 Fetch API 等 Web API 之上,使其更具面向未来且更容易适应边缘环境。

霍诺-

app.get('/data', (c) => c.json({ message: 'Hono response' }));

这种差异可能看起来很小,但它凸显了 Hono 对利用现代 Web 标准的承诺,这可以产生更易于维护和移植的代码。

5. 错误处理:一个简单、高效的系统

两个框架都提供了处理错误的简单方法。在 Express 中,您通常定义一个错误处理中间件:

表达 -

app.use((err, req, res, next) => {
  res.status(500).send('Something went wrong');
});

Hono 提供了类似的方法,保持事物干净和轻量:

霍诺-

app.onError((err, c) => {
  return c.text('Something went wrong', 500);
});

在 Hono 中,错误处理同样简单,但还具有更清晰的语法和更好的性能的额外好处。

6. 性能比较:优势优势

性能是 Hono 真正超越 Express 的地方。 Hono 的轻量级框架在构建时考虑了速度和边缘部署,在大多数基准测试中都优于 Express。原因如下:

  • Hono 使用现代 Web API,不依赖 Node.js 细节。
  • 其极简设计使其速度更快,需要管理的依赖项更少。
  • Hono 可以轻松利用边缘计算环境,例如 Cloudflare 的工作人员和页面或 Deno。

在性能关键型应用中,这使 Hono 成为令人信服的选择。

7. 部署:边缘和无服务器优先

Hono 是专为边缘和无服务器环境而设计的。它与 Cloudflare WorkersVercelDeno Deploy 等平台无缝集成。虽然 Express 更为传统并且经常与 Node.js 服务器搭配使用,但 Hono 在现代分布式环境中蓬勃发展。

如果您正在构建需要更靠近用户运行的应用程序,Hono API 可以轻松地在边缘运行,并且将比 Express 提供显着的优势。

8. 生态系统和社区:快速增长

Express 拥有 Node.js 世界中最大的生态系统之一。拥有数千个中间件包和庞大的社区,它是一个熟悉且可靠的选择。然而,Hono 的生态系统正在快速发展。其中间件系列正在扩展,并且由于其对性能和现代 Web 标准的关注,越来越多的开发人员将其用于边缘优先应用程序。

虽然您可能会错过一些 Express 软件包,但 Hono 社区非常活跃,每天都在构建新工具。

您可以在 Hono 网站上找到有关 Hono 社区和生态系统的更多信息。

9. 学习曲线:Express 开发人员会感觉宾至如归

Hono 的 API 设计得很直观,特别是对于来自 Express 的开发人员来说。通过类似的路由和中间件模式,学习曲线是最小的。此外,Hono 构建在 Fetch 等 Web API 之上,这意味着您获得的技能不仅可以用于服务器端开发,还可以移植,从而可以更轻松地使用现代平台和环境。

结论:为什么你应该尝试 Hono

Hono 以其性能第一的理念和对边缘计算的关注,为 Web 开发带来了一种全新的方法。虽然 Express 多年来一直是一个可靠的框架,但网络正在发生变化,Hono 等工具正在引领下一代应用程序的发展。

如果您是一名 Express 开发人员,希望探索边缘计算和无服务器架构,或者想要一个更快、更现代的框架,请尝试 Hono。您会发现许多概念都很熟悉,但性能提升和部署灵活性会给您留下深刻的印象。

准备好开始了吗?

尝试与 Hono 一起构建您的下一个项目,并亲自体验其中的差异。您可以找到资源和入门模板来帮助您轻松从 Express 切换。

npm create hono@latest my-app

就是这样!你已经准备好出发了。与 Hono 一起快乐编码!请在下面的评论、Twitter 或 Github 上与我分享您使用 Hono 的体验。我很高兴听到您的想法!

版本聲明 本文轉載於:https://dev.to/mathuraditya7/hono-for-express-developers-a-modern-alternative-for-edge-computing-4pd8?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • VLONE Clothing:重新定義都市時尚的街頭服飾品牌
    VLONE Clothing:重新定義都市時尚的街頭服飾品牌
    VLONE 是少数几个在快速变化的市场中取得超越街头服饰行业所能想象的成就的品牌之一。 VLONE 由 A$AP Mob 集体的电影制片人之一 A$AP Bari 创立,现已发展成为一个小众项目,有时甚至成为都市时尚界的国际知名品牌。 VLONE 凭借大胆的图案、深厚的文化联系和限量版发售,在时尚界...
    程式設計 發佈於2024-11-07
  • 如何使用PDO查詢單行中的單列?
    如何使用PDO查詢單行中的單列?
    使用 PDO 查詢單行中的單列處理針對單行中特定列的 SQL 查詢時,通常需要檢索直接取值,無需循環。要使用 PDO 完成此操作,fetchColumn() 方法就派上用場了。 fetchColumn() 的語法為:$col_value = $stmt->fetchColumn([column...
    程式設計 發佈於2024-11-07
  • 我如何建立 PeerSplit:一個免費的點對點費用分攤應用程式 — 從構思到發布僅需數週時間
    我如何建立 PeerSplit:一個免費的點對點費用分攤應用程式 — 從構思到發布僅需數週時間
    我构建了 PeerSplit——一个免费的、点对点的 Splitwise 替代品——从想法到发布仅用了两周时间! PeerSplit 是一款本地优先的应用程序,用于分配团体费用。它可以离线工作,100% 免费且私密,不需要注册或任何个人数据。 以下是我如何构建它以及我在此过程中学到的一切。 ...
    程式設計 發佈於2024-11-07
  • 如何在 PHP 中解析子網域的根網域?
    如何在 PHP 中解析子網域的根網域?
    在 PHP 中從子域解析網域名稱在 PHP 中,從子域中提取根網域是一項常見任務。當您需要識別與子網域關聯的主網站時,這非常有用。為了實現這一目標,讓我們探索一個解決方案。 提供的程式碼片段利用 parse_url 函數將 URL 分解為其元件,包括網域名稱。隨後,它使用正規表示式來隔離根域,而忽略...
    程式設計 發佈於2024-11-07
  • 使用 Socket.io 建立即時應用程式
    使用 Socket.io 建立即時應用程式
    介紹 Socket.io 是一個 JavaScript 函式庫,可讓 Web 用戶端和伺服器之間進行即時通訊。它支援創建互動式動態應用程序,例如聊天室、多人遊戲和直播。憑藉其易於使用的 API 和跨平台相容性,Socket.io 已成為建立即時應用程式的熱門選擇。在本文中,我們將探...
    程式設計 發佈於2024-11-07
  • 重寫 `hashCode()` 和 `equals()` 如何影響 HashMap 效能?
    重寫 `hashCode()` 和 `equals()` 如何影響 HashMap 效能?
    了解equals 和hashCode 在HashMap 中的工作原理Java 中的HashMap 使用hashCode() 和equals() 方法的組合來有效地儲存和檢索鍵值對。當新增新的鍵值對時,首先計算鍵的hashCode()方法,以確定該條目將放置在哪個雜湊桶中。然後使用 equals() ...
    程式設計 發佈於2024-11-07
  • 使用 Google Apps 腳本和 Leaflet.js 建立互動式 XY 圖像圖
    使用 Google Apps 腳本和 Leaflet.js 建立互動式 XY 圖像圖
    Google Maps has a ton of features for plotting points on a map, but what if you want to plot points on an image? These XY Image Plot maps are commonly...
    程式設計 發佈於2024-11-07
  • 理解 React 中的狀態變數:原因和方法
    理解 React 中的狀態變數:原因和方法
    在深入研究狀態變數之前,讓我們先來分析一下 React 元件的工作原理吧! 什麼是 React 元件? 在 React 中,元件是一段可重複使用的程式碼,代表使用者介面 (UI) 的一部分。它可以像 HTML 按鈕一樣簡單,也可以像完整的頁面一樣複雜。 React...
    程式設計 發佈於2024-11-07
  • Miva 的日子:第 4 天
    Miva 的日子:第 4 天
    這是 100 天 Miva 編碼挑戰的第四天。我跳過了第三天的報告,因為我被困在我的網頁設計專案中,需要改變節奏。這就是為什麼我今天決定深入研究 JavaScript。 JavaScript JavaScript 就像是系統和網站的行為元件。它為網站增加了互動性和回應能力,使其成為網頁設計和開發...
    程式設計 發佈於2024-11-07
  • TailGrids React:+ Tailwind CSS React UI 元件
    TailGrids React:+ Tailwind CSS React UI 元件
    我們很高興推出 TailGrids React,這是您的新首選工具包,可用於輕鬆建立令人驚嘆的響應式 Web 介面。 TailGrids React 提供了超過 600 免費和高級 React UI 元件、區塊、部分和模板的大量集合 - 所有這些都是用 Tailwind CSS 精心製作的。 無論...
    程式設計 發佈於2024-11-07
  • 如何用列表值反轉字典?
    如何用列表值反轉字典?
    使用列表值反轉字典:解決方案在本文中,我們探討了使用列表值反轉字典的挑戰。給定一個索引字典,其中鍵是檔案名,值是這些檔案中出現的單字列表,我們的目標是建立一個倒排字典,其中單字是鍵,值是檔案名稱列表。 提供的反轉函數 invert_dict,不適用於以列表值作為鍵的字典,因為它會失敗並顯示“Type...
    程式設計 發佈於2024-11-07
  • 現代 Web 開發框架:比較流行的框架及其用例
    現代 Web 開發框架:比較流行的框架及其用例
    在快速發展的 Web 開發領域,選擇正確的框架可以顯著影響專案的成功。本文深入研究了一些最受歡迎的 Web 開發框架,比較了它們的優勢和理想用例,以幫助開發人員做出明智的決策。 反應 概述 React 由 Facebook 開發和維護,是一個用於建立使用者介面的 J...
    程式設計 發佈於2024-11-07
  • 如何在 Go 1.18 中安全地使用泛型類型解組 JSON?
    如何在 Go 1.18 中安全地使用泛型類型解組 JSON?
    Unmarshal 中的泛型使用(Go 1.18)在Go 1.18 中使用泛型時,例如創建一個容器來保存各種報告類型,可能會出現類型限制。考慮以下設定:由結構表示的多種報告類型具有通用類型參數的ReportContainer 包裝器可報告,約束為實作可報告介面鑑別器ReportType 在解組過程中...
    程式設計 發佈於2024-11-07
  • 了解 Effect-TS 中的選項排序
    了解 Effect-TS 中的選項排序
    範例 1:使用 O.andThen 忽略第一個值 概念 O.andThen 函數可讓您執行兩個選項的序列,其中結果僅由第二個選項決定。當第一個選項達到目的,但後續操作中不需要它的值時,這很有用。 程式碼 function sequencing_ex...
    程式設計 發佈於2024-11-07
  • React 初學者指南:基礎知識入門
    React 初學者指南:基礎知識入門
    React 已成为现代 Web 开发的基石,以其高效、灵活性和强大的生态系统而闻名。 React 由 Facebook 开发,允许开发人员创建可重用的 UI 组件,从而简化了构建交互式用户界面的过程。 无论您是想构建复杂的单页应用程序还是只是想提高您的 Web 开发技能,掌握 React 都是一笔...
    程式設計 發佈於2024-11-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3