Oefening 4 – Eenvoudige
Webserver met Nginx
(Docker)
In deze oefening leer je hoe je:
de officiële Nginx-webserver draait in een container
een eigen HTML-pagina serveert
begrijpt wat volumes doen
leert wat er met data gebeurt wanneer containers worden verwijderd
Stap 1 — Trek de officiële
Nginx image
Download het Nginx-image van Docker Hub:
docker pull nginx
Dit haalt de laatste versie binnen:
Using default tag: latest latest: Pull complete
Stap 2 — Start een Nginx-
container op poort 8080
Start de webserver:
docker run -d -p 8080:80 nginx
Betekenis:
, -d → run in background (detached mode)
-p 8080:80 → map hostport 8080 naar containerpoort 80
(Nginx luistert standaard op poort 80)
Check dat hij draait:
docker ps
Stap 3 — Surf naar de
website
Open je browser en ga naar:
http://localhost:8080 (http://localhost:8080)
Je ziet nu de standaard Nginx welkomstpagina:
"Welcome to nginx!"
Stap 4 — Maak je eigen
index.html
Maak in je huidige directory een bestand:
nano index.html
Plaats deze inhoud:
<h1>Welkom bij mijn eerste container!</h1>
Opslaan:
CTRL + O → ENTER → CTRL + X
Webserver met Nginx
(Docker)
In deze oefening leer je hoe je:
de officiële Nginx-webserver draait in een container
een eigen HTML-pagina serveert
begrijpt wat volumes doen
leert wat er met data gebeurt wanneer containers worden verwijderd
Stap 1 — Trek de officiële
Nginx image
Download het Nginx-image van Docker Hub:
docker pull nginx
Dit haalt de laatste versie binnen:
Using default tag: latest latest: Pull complete
Stap 2 — Start een Nginx-
container op poort 8080
Start de webserver:
docker run -d -p 8080:80 nginx
Betekenis:
, -d → run in background (detached mode)
-p 8080:80 → map hostport 8080 naar containerpoort 80
(Nginx luistert standaard op poort 80)
Check dat hij draait:
docker ps
Stap 3 — Surf naar de
website
Open je browser en ga naar:
http://localhost:8080 (http://localhost:8080)
Je ziet nu de standaard Nginx welkomstpagina:
"Welcome to nginx!"
Stap 4 — Maak je eigen
index.html
Maak in je huidige directory een bestand:
nano index.html
Plaats deze inhoud:
<h1>Welkom bij mijn eerste container!</h1>
Opslaan:
CTRL + O → ENTER → CTRL + X