pdf : pour impression

Protocole HTTP #

Revenons sur l’adresse qui s’affiche dans la barre d’adresse d’un navigateur web et plus précisément sur le début de cette adresse c’est-à-dire le “http”

Selon les cas cette adresse commencera par http ou https (nous verrons ce deuxième cas à la fin de cette activité).

Le protocole (un protocole est ensemble de règles qui permettent à 2 ordinateurs de communiquer ensemble) HTTP (HyperText Transfert Protocol) va permettre au client d’effectuer des requêtes à destination d’un serveur web. En retour, le serveur web va envoyer une réponse.

Voici une version simplifiée de la composition d’une requête HTTP (client vers serveur) :

la méthode employée pour effectuer la requête
l’URL de la ressource
la version du protocole utilisé par le client (souvent HTTP 1.1)
le navigateur employé (Firefox, Chrome) et sa version
le type du document demandé (par exemple HTML)
…

Certaines de ces lignes sont optionnelles.

Voici un exemple de requête HTTP :

GET /mondossier/monFichier.html HTTP/1.1
User-Agent : Mozilla/5.0
Accept : text/html

Nous avons ici plusieurs informations :

“GET” est la méthode employée (voir ci-dessous)
“/mondossier/monFichier.html” correspond l’URL de la ressource demandée
“HTTP/1.1” : la version du protocole est la 1.1
“Mozilla/5.0” : le navigateur web employé est Firefox de la société Mozilla
“text/html” : le client s’attend à recevoir du HTML

Revenons sur la méthode employée :

Une requête HTTP utilise une méthode (c’est une commande qui demande au serveur d’effectuer une certaine action). Voici la liste des méthodes disponibles :

GET, HEAD, POST, OPTIONS, CONNECT, TRACE, PUT, PATCH, DELETE

Détaillons 4 de ces méthodes :

GET : C’est la méthode la plus courante pour demander une ressource. Elle est sans effet sur la ressource.
POST : Cette méthode est utilisée pour soumettre des données en vue d’un traitement (côté serveur). Typiquement c’est la méthode employée lorsque l’on envoie au serveur les données issues d’un formulaire.
DELETE : Cette méthode permet de supprimer une ressource sur le serveur.
PUT : Cette méthode permet de modifier une ressource sur le serveur

Réponse du serveur à une requête HTTP #

Une fois la requête reçue, le serveur va renvoyer une réponse, voici un exemple de réponse du serveur :

HTTP/1.1 200 OK
Date: Thu, 15 feb 2019 12:02:32 GMT
Server: Apache/2.0.54 (Debian GNU/Linux) DAV/2 SVN/1.1.4
Connection: close
Transfer-Encoding: chunked
Content-Type: text/html; charset=ISO-8859-1
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Voici mon site</title>
<head>
  <body>
    <h1>Hello World! Ceci est un titre</h1>
    <p>Ceci est un <strong>paragraphe</strong>. Avez-vous bien compris ?</p>
  </body>
</html>

Nous n’allons pas détailler cette réponse, voici quelques explications sur les éléments qui nous seront indispensables par la suite :

Commençons par la fin (à partir de <!doctype html>): le serveur renvoie du code HTML, une fois ce code reçu par le client, il est interprété par le navigateur qui affiche le résultat à l’écran. Cette partie correspond au corps de la réponse.

La 1re ligne se nomme la ligne de statut :

HTTP/1.1 : version de HTTP utilisé par le serveur
200 : code indiquant que le document recherché par le client a bien été trouvé par le serveur. Il existe d’autres codes dont un que vous connaissez peut-être déjà : le code 404 (qui signifie «Le document recherché n’a pu être trouvé»).

Les 5 lignes suivantes constituent l’en-tête de la réponse, une ligne nous intéresse plus particulièrement :

Server: Apache/2.0.54 (Debian GNU/Linux) DAV/2 SVN/1.1.4

Le serveur web qui a fourni la réponse http ci-dessus a comme système d’exploitation une distribution GNU/Linux nommée “Debian” (pour en savoir plus sur GNU/Linux, c’est celle que nous utiliserons d’ailleurs). “Apache” est le coeur du serveur web puisque c’est ce logiciel qui va gérer les requêtes http (recevoir les requêtes http en provenance des clients et renvoyer les réponses http).

Il existe d’autres logiciels capables de gérer les requêtes http (nginx, microsoft-iis…). NGINX (engine x) dépasse depuis peu (juin 2019) Apache. NGINX et Apache sont installés sur 85% des serveurs web mondiaux.

Le “HTTPS” est la version “sécurisée” du protocole HTTP. Par “sécurisé” en entend que les données sont chiffrées avant d’être transmises sur le réseau et que leur provenance est certifiée.

Les étapes du protocole HTTPS #

Voici les différentes étapes d’une communication client - serveur utilisant le protocole HTTPS :

le client demande au serveur une connexion sécurisée (en utilisant “https” à la place de “http” dans la barre d’adresse du navigateur web)
le serveur répond au client qu’il est OK pour l’établissement d’une connexion sécurisée. Afin de prouver au client qu’il est bien celui qu’il prétend être, le serveur fournit au client un certificat prouvant son “identité”.

En effet, il existe des attaques dites “man in the middle”, où un serveur “pirate” essaye de se faire passer, par exemple, pour le serveur d’une banque : le client, pensant être en communication avec le serveur de sa banque, va saisir son identifiant et son mot de passe, identifiant et mot de passe qui seront récupérés par le serveur pirate. Afin d’éviter ce genre d’attaque, des organismes délivrent donc des certificats prouvant l’identité des sites qui proposent des connexions “https”.
à partir de ce moment-là, les échanges entre le client et le serveur seront chiffrés grâce à un système de “clé publique - clé privée” (nous aborderons le principe du chiffrement par “clé publique - clé privée” en terminale).

Même si un pirate arrivait à intercepter les données circulant entre le client et le serveur, ces dernières ne lui seraient d’aucune utilité, car totalement incompréhensible à cause du chiffrement (seuls le client et le serveur sont aptes à déchiffrer ces données)

D’un point vu strictement pratique il est nécessaire de bien vérifier que le protocole est bien utilisé (l’adresse commence par “https”) avant de transmettre des données sensibles (coordonnées bancaires…). Si ce n’est pas le cas, passez votre chemin, car toute personne qui interceptera les paquets de données sera en mesure de lire vos données sensibles.

Concernant un site statique, comme le mien, https n’apporte pas grand chose, seulement l’assurance de l’origine. Vous ne transmettez aucune donnée au site.

Complément #

Etablir une connexion HTTP directement dans Python, sans utiliser de navigateur

Il est parfaitement possible d’utiliser Python (ou n’importe quel langage moderne) pour établir une connexion avec un serveur web :

>>> import requests # librairie qui gère les connexion HTTP
>>> reponse = requests.get("https://qkzk.xyz")
>>> # on établi une connexion avec mon site
>>> reponse
<Response [200]>
>>> # la connexion est établie correctement (200 signifie OK)
>>> reponses.headers # detail de la reponse du serveur
{'Server': 'GitHub.com', 'Content-Type': 'text/html; charset=utf-8',
'Last-Modified': 'Wed, 09 Oct 2019 16:10:57 GMT', 'ETag': 'W/"5d9e0691-e152"',
'Access-Control-Allow-Origin': '*', 'Expires': 'Sat, 12 Oct 2019 09:20:09 GMT',
'Cache-Control': 'max-age=600', 'Content-Encoding': 'gzip',
# réponse tronquée
}

On peut voir que la connexion est bien établie entre mon client (Python lui même) et le serveur (Github.com) qui héberge mon site.
Le contenu est en html, comme on s’y attend
L’encodage utf-8
Et tout un tas d’information moins pertinantes.

Le contenu de la réponse

>>> reponse.content
b'<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.57.2" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>accueil| qkzk</title> ...'
# tronqué. La suite est le contenu complet de la page d'accueil du site...
</body></html>'

Il est possible d’examiner la requête transmise par le client lui même au serveur :

>>> reponse.request
<PreparedRequest [GET]>
>>> reponse.request.headers
{'User-Agent': 'python-requests/2.22.0',
'Accept-Encoding': 'gzip, deflate',
'Accept': '*/*',
'Connection': 'keep-alive'}

C’est la requête qui a été transmise quand on a tapé :

>>> reponse = requests.get("https://qkzk.xyz")

On a bien transmis une requête GET au serveur, avec toutes les informations voulues. C’est bien Python qui a transmis cette requête.

Exercice 1 #

En utilisant ~~Thonny~~ Google Colab reproduire les commandes présentées ci-dessus pour joindre successivement : https://google.com et https://google.com/azeaze
Comparez les codes réponses obtenus dans les deux cas. Que signifient-ils ?
Que peut-on en déduire concernant la page https://google.com/azeaze ?
Mesurez la longueur du contenu de la réponse dans les deux cas.

Comment expliquer cette différence ?

Éxaminer une requête depuis une machine #

Différentes approches permettent d’exécuter et d’examiner des requêtes. En voici une qui devrait fonctionner sur un ordinateur et un téléphone.

Rendez-vous sur le site httpie
Essayons une première requête :
- adresse : pie.dev/put
- choississez comme méthode HTTP : PUT,
- dans les headers : API-Key FOO et hello world.
“Send”. La réponse apparaît à droite.

Examinons cette requête.

On a transmis :

une clé d’API (Application Programming Interface) : "foo" permettant de s’identifier
un couple clé valeur hello, world

Voici un résultat similaire à celui obtenu :

{
  "args": {},
  "data": "",
  "files": {},
  "form": {},
  "headers": {
    "Accept-Encoding": "gzip",
    "Api-Key": "foo",
    "Baggage": "sentry-environment=production,sentry-release=bbcaf558f75858405bf0ad0eddce1d33a5eda092,sentry-public_key=53fade3064084ef092f9e005bec83766,sentry-trace_id=e8b877d1079f4ab9a1424507ce6b97ba",
    "Cdn-Loop": "cloudflare; loops=1",
    "Cf-Connecting-Ip": "44.211.62.34",
    "Cf-Ipcountry": "US",
    "Cf-Ray": "8e5aa184ba93d670-FRA",
    "Cf-Visitor": "{\"scheme\":\"http\"}",
    "Connection": "Keep-Alive",
    "Content-Length": "0",
    "Content-Type": "text/plain;charset=UTF-8",
    "Hello": "world",
    "Host": "pie.dev",
    "User-Agent": "HTTPie",
    "X-Vercel-Id": "cdg1:cdg1::8zp8g-1732128681599-2436fa82d863"
  },
  "json": null,
  "origin": "44.211.62.34",
  "url": "http://pie.dev/put"
}

Exercice 2 #

Toujours depuis httpie :

exécuter une requête GET vers mon site.

Contrairement à ce que le site affiche en preview, la réponse obtenue ne contient pas le css et la vingtaine de fichiers associés, seulement le contenu html. La preview est obtenue en envoyant 20 autres requêtes qui n’apparaissent pas…
Donner :
- l’hôte de la requête,
- l’User-Agent de la requête,
- le code de la réponse,
- la longueur du contenu de la réponse,
- le type de contenu de la réponse,
- la date de dérnière modification de la réponse,
- le serveur de la réponse

Requête GET et POST #

En théorie, une requête GET permet d’accéder à un contenu, sans le modifier, et une requête POST d’envoyer un nouveau contenu.

Ainsi, presque toutes les requêtes effectuées sur internet sont des requêtes GET.

Transmettre une information via une requête GET #

Lorsqu’on transmet des informations via une requête GET, celles-ci sont transmises dans l’URL directement, sous la forme de paire “clé:valeur” :

https://httpbin.org/get?cle1=valeur1&cle2=valeur2

Par exemple avec httpie :

https://httpbin.org/get?cle1=valeur1&cle2=valeur2

Ainsi, on a transmis deux informations : cle1: valeur1 et cle2: valeur2

Remarquez la syntaxe : ? après l’adresse, cle=valeur et & pour séparer les paires.

Recommencez cette requête en entrant les informations dans “PARAMS”

Transmettre une information via une requête POST #

Cette fois, on transmet l’information dans l’entête, généralement via le champ form (formulaire).

Ainsi, lorsque vous vous identifiez ou remplissez un formulaire, vos informations sont généralement transmises via une requête POST.

Les informations ne sont pas visibles directement mais elles ne sont pas chiffrées pour autant. Simplement, le navigateur ne les affiche pas dans la page.

Considérons l’exemple suivant :

Adresse : https://httpbin.org/post
Methode : POST
Form: hello world et bonjour salut

Exécuter cette requête sur httpie
La requête a-t-elle été exécutée correctement ? Comment le sait-on ?
Le serveur transmet-il ce qu’il a reçu en retour ? Dans quel champ ?
La réponse de ce serveur est-elle un contenu html ?

Publier sur un microblog #

Cette partie nécessite qu’un serveur dont je ne suis pas l’administrateur fonctionne toujours à cette date. Espérons que ce soit bien le cas !

Nous allons publier quelques messages sur le blog de mon collègue.

Les champs acceptés sont title et body.

Lorsque le post est accepté, la réponse contient l’url permettant de consulter le message.

Adresse : https://liris-ktbs01.insa-lyon.fr:8000/blogephem/
Méthode : POST
Body: title bjour et body super

Consultez vos messages sur l’adresse citée plus haut !

POST /blogephem/ HTTP/1.1
Accept: application/json, */*;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Content-Length: 35
Content-Type: application/json
Host: liris-ktbs01.insa-lyon.fr:8000
User-Agent: HTTPie/2.4.0

{
    "body": "super",
    "title": "bjour"
}


HTTP/1.1 201 Created
Connection: Keep-Alive
Content-Encoding: gzip
Content-Length: 78
Content-Type: text/plain
Date: Wed, 28 Jul 2021 11:21:37 GMT
Keep-Alive: timeout=5, max=100
Server: Apache/2.2.22 (Debian)
Vary: Accept-Encoding
location: https://liris-ktbs01.insa-lyon.fr:8000/blogephem/kewotepo

https://liris-ktbs01.insa-lyon.fr:8000/blogephem/kewotepo

Ici, le code de la réponse est 201. Il indique qu’une information a été crée dans la base.

Exercice 4 #

Publier un message sur le microblog. Par exemple, dîtes vous bonjour !
Modifier légèrement :
- l’url
- le champ title vers titre
- le champ body vers contenu
Qu’obtient-t-on dans chacun des cas ?
Peut-on publier un message sans title ? sans body ?

TP : Protocole HTTP