Skapa ett projekt för en webbserver

# 👁️‍🗨️ Om detta avsnitt

Vi utgår från ett deno projekt och gör om det för att fungera som en webbserver.

📚 Teknologier som används

Du behöver ha dessa program varor:

  • Linux OS eller liknade system.
  • Windows bör också gå men du kan behlva experimentera en del.
  • deno

Namn som används

  • mitt_projekt Namnet på mitt projekt.
  • editor Namnet på en editor för att editera små filer, t.ex. geany.

Vad är ett projekt?

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

Vad är hono?

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

1 Beskriv hur filen ska köras

Ändra raden högst upp så den blir för en server.


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

2 Importera en webbserver ramverk

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

1 Om du använder en fil


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

2 Om du har ett projekt

Installera först packettet "jsr:hono".


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

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("/hello", (c:any) => {
	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.


./src/main.ts
  

7 ✔️ Testa göra ett anrop till servern

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