Servera statiskt innehåll med Nginx

När du besöker en webbplats ser du ofta en blandning av innehåll. En del ändras ofta (som nyhetsflöden), medan annat förblir oförändrat.

Statiskt innehåll syftar på filer som levereras till användaren exakt som de lagras. De ändras inte beroende på vem som visar dem eller när de visas.

• HTML-filer: Strukturen för webbsidorna.
• CSS-filer: Stilmallar och visuell presentation.
• JavaScript-filer: Interaktiva element och logik på klientsidan.
• Bilder: JPG, PNG, GIF, SVG.
• Teckensnitt: Webbteckensnitt som TTF och WOFF.

Nginx är mycket effektivt på att leverera dessa statiska filer.

För att tala om för Nginx var de statiska filerna finns använder du direktivet root. Det anger baskatalogen för webbplatsens innehåll.

När Nginx tar emot en förfrågan lägger det den efterfrågade URI:n till sökvägen i root för att hitta filen.

location-blocket är avgörande för att styra hur Nginx ska hantera olika typer av förfrågningar baserat på deras URL-sökväg.

Du kan definiera specifika regler för förfrågningar till / (webbplatsens rot), /images/, /css/ eller någon annan sökväg.

Nu kombinerar vi root och location / för att leverera en enkel HTML-sida. Nginx letar efter index.html som standard om du inkluderar direktivet index.

Om en förfrågan kommer till http://localhost/ försöker Nginx hitta /usr/share/nginx/html/index.html.

Du behöver inte alltid separata location-block för varje filtyp. Om direktivet root är korrekt inställt levererar Nginx filer som /css/style.css eller /js/app.js direkt.

Du kan dock använda specifika location-block för mer detaljerad kontroll, till exempel för att tillämpa särskilda cachningsregler på vissa filtyper.

Direktivet index talar om för Nginx vilka filer det ska leta efter när en katalog, och inte en specifik fil, efterfrågas.

Om en användare till exempel efterfrågar http://example.com/blog/ letar Nginx först efter index.html i katalogen blog. Om filen inte hittas försöker det med index.php och så vidare.

MIME-typer (Multipurpose Internet Mail Extensions) är etiketter som identifierar vilken typ av innehåll en fil innehåller, till exempel text/html för HTML-dokument eller image/jpeg för JPEG-bilder.

När Nginx levererar en fil skickar det en HTTP-header med namnet Content-Type och rätt MIME-typ. Det talar om för webbläsaren hur filen ska tolkas.

Nginx har vanligtvis en inbyggd fil med namnet mime.types som kopplar filändelser till rätt MIME-typer, så du behöver sällan konfigurera detta manuellt för vanliga statiska filer.

För att optimera prestandan kan Nginx instruera webbläsare och proxyservrar att cacha statiska filer. Det innebär att återkommande besökare inte behöver ladda ned samma filer igen.

Direktivet expires anger HTTP-headern Expires och Cache-Control och talar om för klienterna hur länge de får lagra en fil innan de efterfrågar den igen.

Bra jobbat! Du har lärt dig grunderna i att leverera statiskt innehåll med Nginx.

• Direktivet root definierar baskatalogen för dina filer.
• location-block hjälper dig att tillämpa specifika regler baserat på förfrågningens URL.
• Direktivet index anger standardfiler för katalogförfrågningar.
• Nginx hanterar automatiskt MIME-typer för de flesta filer.
• Direktivet expires förbättrar prestandan genom att aktivera cachning i webbläsaren.

Effektiv leverans av statiskt innehåll är en av Nginx främsta styrkor och gör webbapplikationer snabbare och mer responsiva. I kommande lektioner går vi igenom mer komplexa Nginx-konfigurationer!