Skapa webbserver med hono

# 👁️‍🗨️ Om detta avsnitt

Förklarar hur vi skapar ett enkelt webbserver som bara är i en fil. Detta för att kunna använda dem som demo.

📚 Teknologier som används

Du behöver ha dessa program varor:

  • 🦉 deno
  • Något editor så som:
  • 🦉 code

🗄 Bakgrund

Du behöver ha ett deno projekt.

Namn som används

  • main Namnet på din huvud fil
  • editor Namnet på en editor för att editera små filer.

Vad är hono?

Vi skapa projekt för att kunna utveckla något. I detta fall är det en webbserver.

1 Importera en webbserver ramverket hono

Vi ska nu importera "Hono" server genom aatt skriva detta högst upp i main filen.


import { Hono } from "jsr:@hono/hono";
  

2 Låt filen köra en server

Ändra första raden i huvudprogrammet så det blir som nedan.


#!/usr/bin/env -S deno server -A
  

3 Skapa ett webbserver object

Skap ny ett objekt för webbservern som vi kan manipulera.


const app = new Hono();
  

4 Gör ett enkel respons

Skap ny ett objekt för webbservern som vi kan manipulera.


app.get("/hej", (c) => {
	return c.html("<h1>Hello!</h1>");
});
  

5 Sätt upp en server

Vi exporterar nu servern så deno kan starta den.


export default app;
  

6 ✔️ Starta din server och se att den fungerar

Starta servere och gå sedan in på URL:n som servern visar med en webbläsare.


./main.ts
  

7 ✔️ Testa göra ett anrop till servern

Öppna länken http://localhost:8000/hej. Du borde nu få se en webbsida som säger "Hello!"·