TP03 : Exercice pratique – Nginx et page HTML

Objectif du TP

Construire une image simple basée sur Nginx et y déployer une page HTML personnalisée.
Manipuler les commandes de build/run/logs et comprendre le cycle de vie d’un conteneur.
Découvrir un registry Docker local (push/pull/tag).

Rendu attendu

Captures d’écran des commandes clés (docker build, docker run, docker logs, docker ps).
Le contenu de votre index.html (avec votre mème).
Les commandes utilisées pour tagger/pusher/puller l’image depuis le registry local.

Questions d'ouverture

Qu’embarque une image Docker par rapport à un conteneur qui s’exécute ?

Focus : Images, conteneurs et logs

Une image est immuable un conteneur est son instance en exécution.
Écrivez les logs sur STDOUT/STDERR (pas de fichiers dans le conteneur) pour qu’ils soient visibles via docker logs et collectés par vos outils d’observabilité (ELK, Loki, etc.).

Mise en pratique

Créer un Dockerfile dans un dossier vide, qui se nomme Dockerfile :
```
FROM nginx:alpine
COPY index.html /usr/share/nginx/html
```

Créer un fichier index.html :

<html>
<head><title>Mon super site</title></head>
<body>
  <h1>Hello Docker!</h1>
  <p>Ma page personnalisée.</p>
</body>
</html>

Construire l’image :
```
docker build -t webserver-image:v1 .
```

Ici, webserver-image:v1 est le nom de l’image et v1 est le tag (sa version). Quand on lance cette image, Docker crée un conteneur. Un conteneur peut avoir son propre nom, différent du nom de l’image. Ce nom sert à retrouver facilement le conteneur dans les commandes Docker (docker logs, docker stop, docker rm, etc.).

Lancer le conteneur :
```
docker run -d --name mysite -p 80:80 webserver-image:v1
```
Dans cette commande, --name mysite donne le nom mysite au conteneur créé à partir de l’image webserver-image:v1.

N.B: Format du -p : port_machine:port_conteneur.

Exercice - logs :
- Tapez docker logs mysite. Que voyez-vous ?
- Modifiez votre index.html,
- Créez votre plus beau meme grâce à : Meme Generator - Imgflip
- Puis insérez-le sur votre page web.
- Rebuild l’image. Relancez le conteneur.
Exercice - arrêt / suppression :
- Arrêtez le conteneur : docker stop mysite
- Supprimez-le : docker rm mysite
- Rajoutez l’option --rm lors du run pour supprimer automatiquement le conteneur quand il s’arrête.

Mettre en place un registry local

Démarrez un registry :

docker run -d -p 5000:5000 --name local-registry registry:2

Taguez votre image vers le registry :

docker tag webserver-image:v1 localhost:5000/webserver-image:v1

Poussez l’image :

docker push localhost:5000/webserver-image:v1

Tester le pull depuis le registry

Supprimez l’image locale pour simuler un nouveau poste :

docker rmi webserver-image:v1
docker rmi localhost:5000/webserver-image:v1

Déplacez ou supprimez votre Dockerfile et index.html pour prouver qu’ils ne sont plus disponibles en local.

Récupérez l’image depuis votre registry :

docker pull localhost:5000/webserver-image:v1

Lancez à nouveau le conteneur :
```
docker run -d --name mysite -p 80:80 localhost:5000/webserver-image:v1
```
- Rappel : -p 80:80 signifie port_machine:port_conteneur.
- Vérifiez à nouveau que http://localhost fonctionne.

Nettoyage final

Arrêtez et supprimez votre conteneur mysite :
```
docker stop mysite
docker rm mysite
```

Arrêtez et supprimez le registry local :

docker stop local-registry
docker rm local-registry

Supprimez les images non utilisées :
```
docker image prune
```

Conclusion

Dans ce cours, vous avez :

Expérimenté la création et l’exécution d’images Docker via un Dockerfile.
Pratiqué les commandes de base (build, run, logs, ps, stop, rm…) et fait un exercice avec Nginx (cela servira pour l'évaluation).
Utilisé un registry local pour stocker et partager vos images.