Aller au contenu

Activité 2 - HTTP

Lors de la demande de la page Web, on dit que le navigateur effectue une requête HTTP. Cela signifie que le navigateur envoie des données au serveur en utilisant le protocole HTTP (de l’anglais HyperText Transfer Protocol) qui définit les règles sur les données échangées. Ces règles indiquent que les données envoyées sont composées de :

  • La méthode employée pour effectuer la requête
  • L’URL de la page Web
  • La version du protocole utilisé
  • Le nom du serveur contacté
  • Le navigateur employé (Firefox, Chrome, Safari, …) et sa version
  • Le type de document demandé, etc.
  • (+ éventuellement des paramètres)

On trouve toutes ces informations très facilement grâce aux outils de développement Web des navigateurs.

1) Lancez le navigateur Firefox et appuyez sur la touche F12 ou cliquez en haut à droite sur l’onglet « Ouvrir le menu » :

image

Sélectionnez ensuite « Développement Web » puis, « Outils de développement ». Cliquez sur l’onglet « Réseau ».

2) Tapez dans le navigateur : https://snt-nsi.net/snt/web/http/
3) Cliquez sur la première requête qui est apparue dans le dialogue client-serveur. Vous devriez voir apparaître le détail de celle-ci dans une sous-fenêtre qui s’ouvre.
4) En utilisant les informations de cette fenêtre, complétez le tableau suivant :

Méthode de la requête COMPLETER
URL de la ressource COMPLETER
Version du protocole utilisé COMPLETER
Nom du serveur contacté (Host) COMPLETER
Navigateur employé (User-Agent) COMPLETER

5) Trouvez l’adresse IP associée au nom de domaine « snt-nsi.net » dans le détail de la requête. Attention, il peut s'agir d'une adresse IPV6 qui ressemble à quelque chose comme ça : 2001:0db8:85a3:0000:0000:8a2e:0370:7334.

Passage de paramètres

1) Allez sur https://info-mounier.fr/ressources/snt/formulaire.html .
2) Remplissez le formulaire et appuyez sur « Envoyez ».
3) Cherchez la requête POST envoyée au serveur.
4) Cherchez les paramètres prenom et classe qui ont été envoyés au serveur.

C’est le serveur qui a fabriqué cette page HTML. Pour cela, il a exécuté le fichier « traitement.php » dont voici le contenu :

<?php
$prenom = htmlspecialchars($_POST["prenom"]);
$classe = htmlspecialchars($_POST["classe"]);
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Formulaire Test</title>
</head>
<body>
<h1>Merci !</h1>
<p>Je sais maintenant qui tu es, hé hé. Tu t'appelles <?php echo
$prenom; ?> et tu es en classe de <?php echo $classe; ?>.</p>
</body>
</html>
image