Requête HTTP Dossier N° 17 NSI

Texte intégral

(1)Requête HTTP Dossier N° 17. NSI. Introduction Nous avons construit, lors des séances précédentes, quelques pages html. La question que l’on se pose souvent est : Peut-on faire afficher notre page html depuis un autre poste, par exemple sur un téléphone portable. La réponse est non. Le principe de fonctionnement du WEB ( qui rappelons le est une application qui utilise Internet) est basé sur le modèle Client ↔ Serveur et la principe de requête HTTP . L’ordinateur du lycée sur lequel vous avez travaillé n’est pas considéré par internet comme un serveur. Pour davantage de précision consulter la vidéo : IntroWeb.mp4. Plus précisément Il y a deux acteurs principaux dans une communication Web : Les navigateurs et les serveurs web. Un serveur WEB stocke sur son disque dur le contenu d’un site internet (les fichiers html , les fichiers css , les images ,....). Ce serveur WEB est identifié sur le réseau Internet par un identifiant unique : son adresse IP (exemple d’adresse IP : 215.56.147.3 à laquelle on associe un nom de domaine( par exemple mathartung.xyz). Les navigateurs demandent le code HTML des pages WEB aux serveurs ( c’est ce que l’on appelle la requête) qui répondent aux demandes des navigateurs via le protocole http (hypertext transfert protocol). La communication entre le navigateur (client) et le serveur se fait en deux temps : • le navigateur effectue une requête HTTP • le serveur traite la demande et envoie une réponse HTTP. Pour davantage de précision, consulter la vidéo ServeurWeb.mp4. Remarque C’est le fait d’installer un logiciel , particulier (Apache très souvent) qui fait que l’ordinateur pourra être utilisé comme un serveur.. 1.

(2) De la même façon, le client a besoin d’un logiciel spécial : le navigateur ( Firefox, Opera, chrome ,...). Exercice1 : Avec le navigateur Les navigateurs possèdent des outils de développement qui permettent de visualiser les requêtes.. (b) Pourquoi plusieurs requêtes ont-elles été envoyées ? - .............................................. - ............................................... 1 Ouvrir le navigateur Firefox puis appuyer sur la touche F12 pour ouvrir les outils de développement Firefox. Cliquer ensuite sur l’onglet Réseau.. (c) Quels types de fichiers ont été demandés ? - .............................................. - ............................................... 2 Taper hgurgey.free.fr dans la barre d’adresse du navigateur puis observer les requêtes HTTP émises par le navigateur. (a) Combien de requêtes ont été envoyées ? - .............................................. - ............................................... (d) Quelle est la principale méthode employée - .............................................. - ............................................... Exercice2 : l’en-tête d’une requête 1 Ouvrir un nouvel onglet du navigateur, faire de nou4 Analyser l’en-tête de la requête. Quelles informations veau apparaître les outils de développement et taper sont données par le client (le navigateur) au serveur ? inria.fr dans la barre d’adresse. Dans la suite on s’intéressera uniquement à ces parties de la 2 Trouver la première requête qui a demandé un docurequête : ment de type html (on peut filtrer les requêtes en cliquant sur l’onglet HTML des outils de développement). GET / HTTP/1.1 3 Faire un clic-droit sur cette requête puis Copier 7−→ Host: www.inria.fr Copier les en-têtes de la requête et coller ce qui User-Agent: Mozilla/5.0 Accept: text/html a été copié dans un éditeur de texte. Exercice3 : Écrire une requête Sur le modèle de la requête analysée dans l’exercice précédent et en analysant l’en-tête d’autres requêtes, imaginer à quoi pourrait ressembler l’en-tête d’une requête demandant au serveur l’image poisson_rouge.png placée à l’adresse http://siteperso.fr/images/, avec le protocole HTTP/1.1, et avec le navigateur Mozilla. Firefox version 69.0. GET ........... Host: ......... User-Agent: .............. Accept: ............. Exercice4 : Analyser les codes des réponses Taper de nouveau hgurgey.free.fr dans la barre d’adresse du navigateur. 2 Il y a un autre état que l’on rencontre souvent lorsque l’on navigue sur le web . Il s’agit de l’erreur · · · · · · cdots · · ·. 1 A votre avis à quoi correspondent les états 200 et 403 que l’on peut observer ? (survoler le code permet de faire apparaître une infobulle) - ................................................... - .................................................... 3 Essayer de taper une URL dans la barre d’adresse du navigateur de façon à créer une requête ayant pour réponse ce code erreur 404.. 2.

(3) Exercice5 : La méthode GET Des paramètres peuvent être passés à l’URL 1 Connectez vous ici : musee-courbet.fr Dans la barre de recherche de la page (trouvez la loupe ! !) , taper. Recopier l’adresse obtenue : - ................................................... - ................................................... Comment retrouve-t-on le contenu du formulaire de recherche au serveur ? - . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . - .................................................... ”le chene de flagey” puis valider. 2 Quel est la méthode qui a permis de faire la recherche ? - ................................................... - .................................................... 4 Quelles sont les avantages et les inconvénients que les mots saisis dans un formulaire apparaissent de cette façon ? - ................................................... - .................................................... 3 Survoler, avec la souris, dans la colonne fichier de la première ligne. Requête http en Python Dans les exercices qui suivent, nous allons montrer que l’on peut assez facilement récupérer des fichiers sur un serveur à l’aide de Python.. Exercice6 : 1 Connecter vous sur repl puis créer un nouveau fichier python 2 Le module "requests" est une librairie de fonctions Python permettant d’utiliser le protocole HTTP de façon très simple. Comme avec tous les modules, il faut l’importer avant de pouvoir jouer avec :. La syntaxe suivante permet d’envoyer une requête HTTP et de récupérer la réponse dans une variable r : r = requests.get("http://hgurgey.free.fr") (a) Tester cet envoi de requête dans repl. (b) Afficher le contenu de r.text dans la console ( print(r.text)). De quoi s’agit-t-il ?. import requests. Exercice7 : 1 Compléter ce script pour écrire le contenu de r.text dans un fichier nommé index.html grâce à :. 3 Consulter la page index.html qui vient d’être créée . Que manque-t-il ?. import requests r = requests.get("http://hgurgey.free.fr") fichier = open("index.html", "w") fichier.write(r.text). 4 Inspecter le code source de index.html et chercher dans l’en-tête le nom du fichier css rattaché. Quelle est l’url complète du fichier css rattaché à cette page web ? 5 À l’aide d’une requête en Python, demander ce fichier css et l’écrire dans un fichier nommé style.css comme on l’a fait précédemment pour le fichier index.html.. 2 Copier le fichier index.html complet puis à l’aide de wordpad ( ou nodepad++) si vous l’avez installé sur votre ordinateur coller le contenu dans un fichier index.html. 6 Afficher de nouveau le fichier index.html. Que manquet-il cette fois ?. 3.

(4)