Skip to content

III. Le modèle client serveur sur le Web

TP : Simulation d'un serveur Web

Avant de commencer

Installer le logiciel Filius sur votre ordinateur.
- Pour cela, aller sur ce site : https://www.lernsoftware-filius.de/Herunterladen (n'ayez pas peur, c'est en allemand) et à côté de Filius 2.5, cliquer sur zip. Cela télécharge un fichier zip (un fichier compressé contenant d'autres fichiers) avec le logiciel.
- Faire ensuite un clic droit sur le fichier, et Extraire tout. Extrayez les fichiers dans votre dossier Documents, dans un nouveau dossier Filius.
- Lancer ensuite le logiciel en cliquant sur le fichier Filius.exe

En utilisant le simulateur de réseau Filius, nous allons voir le fonctionnement d'un serveur Web dans un réseau simple.

Instructions

Télécharger le fichier suivant : snt_sim_http.fls.
Ouvrir Filius, puis cliquer sur l'icône "Ouvrir" et rechercher le fichier.

Voici le réseau que vous devez voir s'afficher :

A. Le réseau

  1. Entourer, parmi les différents types de machines citées ci-dessous, celles qui sont présentes sur le réseau :
    Ordinateur | Portable | Switch | Routeur | Modem |

Les configurations nécessaires ont été faites pour que l’ordinateur "Serveur Web" soit connecté aux autres réseaux locaux.

  1. Obtenir l'adresse IP qui lui a été attribuée, en double-cliquant sur la machine : ......................................

B. Mise en place du serveur

  1. Passer en mode simulation en cliquant sur la flèche verte puis cliquer sur un des ordinateurs portables.

  2. Aller sur "Installation des logiciels", puis faire passer "Ligne de commande" dans la liste des logiciels installés. Appliquer les modifications, puis cliquer sur ce logiciel "Ligne de commande".

  3. Tester la connexion entre cette machine et le serveur en tapant ping suivi de l'adresse IP du serveur Web relevée dans la partie A.

  4. Cliquer sur "Serveur Web", puis sur Installation des logiciels. Dans la liste de droite, double-cliquer sur "Explorateur de fichiers", "Editeur de textes" et "Serveur web", puis sur "Appliquer les modifications".

  5. Double-cliquer sur l’explorateur de fichiers, aller dans le dossier webserver. C’est ici que sont stockés les fichiers codant la(les) page(s) web hébergée(s) sur le serveur. Noter le chemin d'accès à index.html : .............................................................................. Quel autre fichier trouvez-vous ? ........................................................

  6. Fermer l’explorateur de fichiers et ouvrir l’éditeur de texte. Cliquer sur Fichier > Ouvrir et sélectionner le fichier index.html dans le dossier webserver. La structure du contenu du fichier doit vous être familière. Modifier le contenu de la page Web pour que s’affiche :

  • Dans le titre principal (balise <h2>): "La requête HTTP"
  • Dans le premier paragraphe : "Voici la page Web contenue sur le serveur. Nous allons y accéder à partir d'un client : un navigateur Web."
  • Dans le deuxième paragraphe : "Il faudra pour cela taper une URL commençant par le protocole utilisé : http, puis indiquer l’adresse IP du serveur".
  • Le reste peut rester inchangé.

  • Cliquer sur Fichier > Enregistrer puis fermer l’éditeur de texte. Double-cliquer sur le serveur web, puis sur Démarrer. La page Web sera alors accessible pour aux clients (les navigateurs). Fermer le logiciel.

  • Double-cliquer sur un ordinateur portable puis sur "Installation des logiciels". Double-cliquer sur "Navigateur Web" dans la colonne à droite, puis sur Appliquer les modifications.

  • Double-cliquer sur le navigateur web, et entrer l’adresse IP du serveur web à la suite du HTTP. Vous verrez interprétée la page web dont le code se trouve dans le fichier index.html sur le serveur web.

Activité : interactions client-serveur

Un navigateur demande l'accès à une page. Ci-dessous, sa requête au serveur pour y accéder, et une partie de la réponse du serveur. Celle-ci inclue aussi la page Web codée en HTML.

Exemple de requête du client Exemple de réponse du serveur
GET index.html HTTP/1.1 HTTP/1.1 200 OK
Host : www.example.com Date : Tue, 2 Mar 2021 08:00:00 GMT
Content-Type : text/html ; charset=UTF-8
Content-length : 983
Last-Modified : Wed, 1 Jan 2005 00:00:00 GMT
  • Identifier quel est le format utilisé pour demander la page.

  • Identifier quelles sont les informations supplémentaires sur la page que le serveur renvoie.

Cours

A compléter.

Pour obtenir une page Web, votre navigateur va faire une demande, une ................................ au serveur Web sur lequel elle est stockée. Pour communiquer, le client (le .......................................) et le serveur utilisent le protocole ................ (................ ................ ................) ou sa version sécurisée .................