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

Barbara Streisand
Freigeben: 2025-01-06 22:33:42
Original
371 Leute haben es durchsucht

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!

Quelle:dev.to
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage