Levering af statisk indhold med Nginx

Når du besøger et websted, ser du ofte en blanding af indhold. Noget af det ændrer sig ofte (f.eks. nyhedsfeeds), mens andet forbliver det samme.

Statisk indhold er filer, der leveres til brugeren præcis, som de er gemt. De ændrer sig ikke afhængigt af, hvem der ser dem, eller hvornår de ses.

• HTML-filer: Strukturen på dine websider.
• CSS-filer: Typografi og visuel præsentation.
• JavaScript-filer: Interaktive elementer og logik på klientsiden.
• Billeder: JPG, PNG, GIF, SVG.
• Skrifttyper: Webskrifttyper som TTF og WOFF.

Nginx er særdeles effektiv til at levere disse statiske filer.

For at fortælle Nginx, hvor den skal finde dine statiske filer, bruger du direktivet root. Det angiver grundmappen for indholdet på dit websted.

Når Nginx modtager en forespørgsel, føjer den den ønskede URI til stien i root for at finde filen.

location-blokken er afgørende for at angive, hvordan Nginx skal håndtere forskellige typer forespørgsler ud fra deres URL-sti.

Du kan definere specifikke regler for forespørgsler til / (roden af dit websted), /images/, /css/ eller en hvilken som helst anden sti.

Lad os kombinere root og location / for at levere en enkel HTML-side. Nginx leder som standard efter index.html, hvis du inkluderer direktivet index.

Hvis der kommer en forespørgsel til http://localhost/, forsøger Nginx at finde /usr/share/nginx/html/index.html.

Du har ikke altid brug for separate location-blokke til hver filtype. Hvis direktivet root er indstillet korrekt, leverer Nginx filer som /css/style.css eller /js/app.js direkte.

Du kan dog bruge specifikke location-blokke til detaljeret styring, f.eks. til at anvende bestemte regler for mellemlagring på bestemte filtyper.

Direktivet index fortæller Nginx, hvilke filer den skal lede efter, når der anmodes om en mappe og ikke om en bestemt fil.

Hvis en bruger f.eks. anmoder om http://example.com/blog/, leder Nginx først efter index.html i mappen blog. Hvis filen ikke findes, prøver den index.php og så videre.

MIME-typer (Multipurpose Internet Mail Extensions) er mærkater, der identificerer, hvilken type indhold en fil indeholder, f.eks. text/html for HTML-dokumenter eller image/jpeg for JPEG-billeder.

Når Nginx leverer en fil, sender den en HTTP-header med navnet Content-Type og den relevante MIME-type. Det fortæller browseren, hvordan filen skal fortolkes.

Nginx har normalt en indbygget fil med navnet mime.types, der knytter filendelser til deres korrekte MIME-typer, så du sjældent behøver at konfigurere dette manuelt for almindelige statiske filer.

For at optimere ydeevnen kan Nginx instruere browsere og proxyservere i at gemme statiske filer i en cache. Det betyder, at tilbagevendende besøgende ikke behøver at hente de samme filer igen.

Direktivet expires angiver HTTP-headerne Expires og Cache-Control og fortæller klienterne, hvor længe de må gemme en fil, før de skal anmode om den igen.

Godt klaret! Du har lært det grundlæggende i at levere statisk indhold med Nginx.

• Direktivet root definerer grundmappen for dine filer.
• location-blokke hjælper dig med at anvende specifikke regler ud fra URL'en i forespørgslen.
• Direktivet index angiver standardfiler for forespørgsler til mapper.
• Nginx håndterer automatisk MIME-typer for de fleste filer.
• Brug af direktivet expires forbedrer ydeevnen ved at aktivere caching i browseren.

Effektiv levering af statisk indhold er en af Nginx' centrale styrker og gør dine webapplikationer hurtigere og mere reaktionsvillige. I de kommende lektioner går vi videre til mere komplekse Nginx-konfigurationer!