Heim Web-Frontend js-Tutorial Hono.js: Das Node.js-Framework der nächsten Generation

Hono.js: Das Node.js-Framework der nächsten Generation

Jan 06, 2025 pm 10:33 PM

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

Warum Hono lernen?

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

Es gibt bereits viele Backend-Bibliotheken und Frameworks für Node.js auf dem Markt. Ich habe Nest.js bereits für einige kleine Projekte verwendet. Es verfügt über umfassende Funktionen und ermöglicht eine schnelle Projektumsetzung. Für meine kleinen Projekte sind viele seiner Funktionen jedoch wirklich übertrieben und es verfügt über ein hohes Maß an Kapselung, sodass beim Schreiben von Code nur wenig Freiheit bleibt.

Durch Zufall bin ich online auf Hono gestoßen. Nach dem Lesen der Dokumentation:

  • Ultraschnell ? - Der Router RegExpRouter ist wirklich schnell. Es werden keine linearen Schleifen verwendet. Es geht einfach schnell.
  • Leicht ? – Die Hono/Tiny-Voreinstellung ist weniger als 12 kB. Hono hat keine Abhängigkeiten und verwendet nur Web-Standard-APIs.
  • Multi-Runtime ? – Funktioniert für Cloudflare Workers, Fastly Compute@Edge, Deno, Bun, Lagon, AWS Lambda oder Node.js. Der gleiche Code läuft auf allen Plattformen.
  • Fähig? – Hono wird mit integrierter Middleware, benutzerdefinierter Middleware, Middleware von Drittanbietern und Hilfsprogrammen geliefert. Es ist alles inklusive.
  • Pleasant DX ?️ – Es verfügt über eine super saubere API und hervorragende TypeScript-Unterstützung. Jetzt haben wir „Typen“.

Anwendungsfälle

Hono ist ein einfaches Webanwendungs-Framework, ähnlich wie Express, jedoch ohne Frontend. In Kombination mit Middleware können Sie damit größere Anwendungen erstellen. Hier sind einige Anwendungsbeispiele:

  • Webschnittstellen erstellen
  • Backend-Server-Proxy
  • CDN-Frontends
  • Edge-Anwendungen
  • Basisserver für Bibliotheken
  • Full-Stack-Anwendungen

Großartig, fangen wir an, es zu lernen.

Hallo Welt

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

Sie können den Port ändern, indem Sie den Port festlegen.

import { Hono } from 'hono';

const app = new Hono();

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

export default app;
Nach dem Login kopieren
Nach dem Login kopieren

Ausführen:

npm run dev
Nach dem Login kopieren
Nach dem Login kopieren

Zugriff: http://localhost:8787

Routen

HTTP-Methoden

app.get('/', (c) => c.text('GET /'));
app.post('/', (c) => c.text('POST /'));
app.put('/', (c) => c.text('PUT /'));
app.delete('/', (c) => c.text('DELETE /'));
Nach dem Login kopieren

Hierarchische Routen

const apiRoutes = app
   .basePath("/api")
   .route("/expenses", route1)
   .route("/", route2);
Nach dem Login kopieren

Der vorherige basePath("/api") fügt allen Routen das /api-Präfix hinzu.

export const route1 = new Hono()
   .post("/", async (c) => {
        return c.json({ });
    });
Nach dem Login kopieren

Sie können über http://localhost:8787/api/expenses auf die obige Route zugreifen.

Anfragen

Anforderungsparameter und Abfrage abrufen

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}`);
});
Nach dem Login kopieren

Ergebnis anzeigen: http://localhost:8787/posts/1?page=12

Rufen Sie den Inhalt des Anforderungstexts ab

app.put("/posts/:id{[0-9]+}", async (c) => {
    const data = await c.req.json();
    return c.json(data);
});
Nach dem Login kopieren

Antworten

Neben text() gibt es viele Methoden wie json(), html(), notFound(), redirect() usw., um die Anfrage dazu zu bringen, verschiedene Datentypen zurückzugeben. html() kann JSX direkt zurückgeben.

JSX

import { Hono } from 'hono';

const app = new Hono();

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

export default app;
Nach dem Login kopieren
Nach dem Login kopieren

Ändern Sie einfach die Dateierweiterung in .tsx und Sie können direkt JSX schreiben, sehr React-ähnlich.

Validatoren

Validatoren werden über zod und @hono/zod-validator implementiert, um zu prüfen, ob die vom Client gesendeten Anfragen dem angegebenen Datenformat entsprechen.
Installation: Yarn Add Zod @hono/zod-validator
Wenn wir dies beispielsweise in einer Anfrage überprüfen müssen, muss das vom Client gesendete Datenformat wie folgt lauten:
Konto: Zeichenfolge; Passwort: string

npm run dev
Nach dem Login kopieren
Nach dem Login kopieren

Erfahren Sie mehr in der Zod-Dokumentation. Und die IDE kann dem Benutzer direkt Typhinweise anzeigen.

Leapcell: Die fortschrittliche serverlose Plattform für NodeJS-Hosting

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

Lassen Sie mich abschließend eine Plattform vorstellen, die sich sehr gut für die Bereitstellung von Hono-Apps eignet: Leapcell.

Leapcell ist eine serverlose Plattform mit den folgenden Eigenschaften:

  1. Mehrsprachige Unterstützung
    • Entwickeln Sie mit JavaScript, Python, Go oder Rust.
  2. Stellen Sie unbegrenzt viele Projekte kostenlos bereit
    • Bezahlen Sie nur für die Nutzung – keine Anfragen, keine Gebühren.
  3. Unschlagbare Kosteneffizienz
    • Pay-as-you-go ohne Leerlaufzeiten.
    • Beispiel: 25 $ unterstützt 6,94 Millionen Anfragen bei einer durchschnittlichen Antwortzeit von 60 ms.
  4. Optimierte Entwicklererfahrung
    • Intuitive Benutzeroberfläche für mühelose Einrichtung.
    • Vollautomatische CI/CD-Pipelines und GitOps-Integration.
    • Echtzeitmetriken und Protokollierung für umsetzbare Erkenntnisse.
  5. Mühelose Skalierbarkeit und hohe Leistung
    • Automatische Skalierung zur problemlosen Bewältigung hoher Parallelität.
    • Kein Betriebsaufwand – konzentrieren Sie sich nur auf das Bauen.

Erfahren Sie mehr in der Dokumentation!

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

Das obige ist der detaillierte Inhalt vonHono.js: Das Node.js-Framework der nächsten Generation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

JQuery Get Element Polsterung/Rand JQuery Get Element Polsterung/Rand Mar 01, 2025 am 08:53 AM

JQuery Get Element Polsterung/Rand

JQuery überprüfen, ob das Datum gültig ist JQuery überprüfen, ob das Datum gültig ist Mar 01, 2025 am 08:51 AM

JQuery überprüfen, ob das Datum gültig ist

10 JQuery Accords Registerkarten 10 JQuery Accords Registerkarten Mar 01, 2025 am 01:34 AM

10 JQuery Accords Registerkarten

10 lohnt 10 lohnt Mar 01, 2025 am 01:29 AM

10 lohnt

HTTP-Debugging mit Knoten und HTTP-Konsole HTTP-Debugging mit Knoten und HTTP-Konsole Mar 01, 2025 am 01:37 AM

HTTP-Debugging mit Knoten und HTTP-Konsole

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

JQuery fügen Sie Scrollbar zu Div hinzu JQuery fügen Sie Scrollbar zu Div hinzu Mar 01, 2025 am 01:30 AM

JQuery fügen Sie Scrollbar zu Div hinzu

See all articles