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:
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:
Großartig, fangen wir an, es zu lernen.
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;
Ausführen:
npm run dev
Zugriff: http://localhost:8787
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);
Der vorherige basePath("/api") fügt allen Routen das /api-Präfix hinzu.
export const route1 = new Hono() .post("/", async (c) => { return c.json({ }); });
Sie können über http://localhost:8787/api/expenses auf die obige Route zugreifen.
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}`); });
Ergebnis anzeigen: 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); });
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.
import { Hono } from 'hono'; const app = new Hono(); app.get('/', (c) => { return c.text('Hello Hono!'); }); export default app;
Ändern Sie einfach die Dateierweiterung in .tsx und Sie können direkt JSX schreiben, sehr React-ähnlich.
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
Erfahren Sie mehr in der Zod-Dokumentation. Und die IDE kann dem Benutzer direkt Typhinweise anzeigen.
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:
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!