Fiche de révision Interactions client-serveur

Rappel sur les protocoles HTTP et HTTPS

Le web est construit sur le protocole HTTP et sa version sécurisée HTTPS.
HTTP et HTTPS sont des protocoles de type client-serveur, articulés autour de requêtes formulées par le client, et de réponses renvoyées par le serveur.

Le protocole HTTP s’appuie sur une dizaine de méthodes pour indiquer les actions souhaitées, mais ici nous nous appuieront sur les plus courantes : GET et POST.
Ces ressources peuvent être des pages web, des images ou d’autres types de documents. Les serveurs traitent les requêtes d’actions envoyées par les clients et émettent en retour des réponses.
Les requêtes envoyées contiennent un certain nombre d’informations techniques et de paramètres fournis par les clients.

Aucun effet sur la ressource requise, elle peut donc être répétée et fournira le même résultat.
Les données transmises apparaissent dans la barre d’adresse du navigateur.
Limitée dans la quantité et le type de données qu’elle peut transmettre.
Les pages obtenues avec la méthode GET peuvent être mises en cache et enregistrées dans les marque-pages ou favoris.
Les requêtes GET ne doivent jamais être utilisées pour modifier des données sur le serveur.
La règle pour choisir entre GET :
si la requête ne transmet aucune information sensible, qu’elle n’effectue aucune modification côté serveur et qu’elle fournit un résultat identique si elle est répétée, on utilise GET.

Conduit généralement à des modifications côté serveur.
Elle ne pourra pas être mise en cache.
Seule l’URL de destination est affichée.
Peut transmettre plusieurs mégaoctets de données (caractères ou données binaires).
La règle pour choisir entre GET :
si la requête transmet des informations sensibles ou qu’elle peut conduire à modifier l’état du serveur d’une manière ou d’une autre, on utilise POST.
La méthode POST est donc requise pour toute modification de données côté serveur : ajout, modification ou suppression de données.

Un formulaire permet à un client (le navigateur Internet) de collecter et de transmettre des données à un serveur (ici le serveur web).
Pour pouvoir envoyer ces données, le navigateur Internet a besoin de connaître deux informations qui lui seront fournies par le code HTML du formulaire : la destination et la méthode d’envoi de ces données.

Composé à partir de l’élément FORM du langage HTML, notre formulaire comporte les éléments suivants :
le premier élément INPUT de type text : champ permettant la saisie d’information (indispensable) ;
le deuxième élément INPUT de type submit définit un bouton permettant de déclencher l’envoi du formulaire au serveur (indispensable) ;
le troisième élément de type LABEL est optionnel : il définit une légende associée au champ de saisie de notre information pour guider l’utilisateur.
La méthode et la destination de notre formulaire sont précisées via les attributs correspondants de l’élément FORM.
Nous insérons le code de notre formulaire dans un fichier html, que nous plaçons sur un serveur web local ou distant et nous y accédons avec un navigateur Internet à partir de son URL pour obtenir son rendu.

Pour soumettre notre formulaire avec la méthode POST, il nous faut seulement éditer dans notre code source HTML l’attribut method de la balise FORM : nous remplaçons GET par POST et nous enregistrons les changements.
Cette fois, lorsque nous renseignons à nouveau une valeur dans le champ code postal de notre page page.html et que nous cliquons sur le bouton « envoyer », nous obtenons en retour du serveur l’affichage du tableau associatif $_POST.

L’attribut type de la balise INPUT : permet de spécifier le type de données traitées avec par exemple le type text ou le type submit ou encore le type reset.
La balise SELECT : permet de construire une liste déroulante avec un certain nombre de choix parmi lesquels l’utilisateur pourra sélectionner la valeur souhaitée.
La balise TEXTAREA : permet la saisie d’un texte long avec d’éventuels retours à la ligne, non gérés par le type "text" de la balise INPUT.