Skapa webbmapp för statiskt innehåll

author: krm created: 2022-03-30 status: alpha

👁️‍🗨️ Om detta avsnitt

Förklarar hur vi skapar en webbmapp som vi kan använda i webbservern för att visa olika webbresurser såsom html-, css- och bild-filer.

❓ Vad är webbmapp?

En mapp på din dator vars innehåll går att komma åt från webben.

1. Skapa en mapp

Skapa en mapp där du vill ha dina webb resurser i. Denna mapp kallas vanligtviss public.

mkdir public

2. Gör så server accepterar statiskt innehåll

Du ska lägga till en midelware till din serverkod. Lägg denna kod efter express methoder som du implementerad men innan andra midelware.

app.use(express.static('public'));

3. ✔️ Lägg till en fil

I publik mappen skapa en trivial html fil.

echo "<html><body><h1>Hello Again\!</h1></body></html>" > public/test.html

4. ✔️ Starta om servern

Starta om server och gå in på sidan: http://localhost:3000/test.html