TP : Comprendre le fonctionnement d’un serveur web

Objectif :

Apprendre comment fonctionne un serveur web en mettant en place un serveur simple et en explorant son interaction avec un client (navigateur web). Découvrir également la différence entre l’accès à un fichier HTML via un serveur web et l’ouverture directe de ce fichier.

Matériel requis :

Un ordinateur avec un navigateur web (Google Chrome, Firefox, etc.).
Un éditeur de texte simple (comme Notepad++ ou Visual Studio Code).
Python installé sur l’ordinateur.

Étape 1 : Créer une page web simple

Ouvre un éditeur de texte (Notepad++ ou autre).
Écris le code suivant :

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Ma Première Page Web</title>
</head>
<body>
    <h1>Bienvenue sur mon serveur web !</h1>
    <p>Ceci est une page web servie par un serveur local.</p>
</body>
</html>

Enregistre ce fichier sous le nom index.html dans un dossier dédié (par exemple, un dossier nommé MonServeurWeb).

Étape 2 : Accéder au fichier HTML directement

Ouvre le dossier contenant le fichier index.html.
Double-clique sur le fichier pour l’ouvrir dans le navigateur. Tu remarqueras que l’URL dans la barre d’adresse ressemble à ceci : file:///C:/MonServeurWeb/index.html
La page s’affiche correctement, mais ce n’est pas un accès via un serveur web. Passons maintenant à la configuration d’un serveur.

Étape 3 : Mettre en place un serveur web simple

Ouvre le terminal ou l’invite de commandes.
Accède au dossier où se trouve ton fichier index.html. Par exemple, si le fichier est dans C:\MonServeurWeb, exécute : cd C:\MonServeurWeb
Lance un serveur web avec Python en exécutant la commande suivante :
- python -m http.server 8000
Une fois cette commande exécutée, Python démarre un serveur web local sur le port 8000. Tu verras un message confirmant que le serveur est actif.

Étape 4 : Tester le serveur

Ouvre un navigateur web.
Dans la barre d’adresse, tape l’URL suivante : http://localhost:8000
La page web créée (index.html) s’affiche dans le navigateur.

Étape 5 : Comprendre la différence entre les deux méthodes

Accès direct au fichier HTML (double-clic) :
- En double-cliquant sur un fichier HTML, le navigateur ouvre directement le fichier depuis ton disque dur.
- Cela se voit dans l’URL qui commence par file:///.
- Cette méthode fonctionne pour des fichiers simples, mais ne permet pas d’exécuter des fonctionnalités complexes comme des scripts côté serveur ou de simuler des requêtes HTTP.
Accès via un serveur web local :
- Quand tu accèdes à http://localhost:8000, tu utilises un serveur web (Python dans ce cas) pour distribuer le fichier.
- Le navigateur envoie une requête HTTP au serveur, et le serveur répond avec le fichier demandé.
- Cela simule le comportement d’un vrai site web sur Internet.
- Avec un serveur, tu peux gérer des requêtes dynamiques, utiliser des scripts serveur (comme PHP ou Python) et simuler un site web complet.

Exemple concret :

Si tu ajoutes un script JavaScript ou des appels à des fichiers externes (CSS, images), l’accès direct peut parfois ne pas fonctionner correctement car le navigateur impose des restrictions pour des raisons de sécurité.
Avec un serveur web, ces fonctionnalités sont gérées correctement grâce aux requêtes HTTP.