65 lines
2.1 KiB
ReStructuredText
65 lines
2.1 KiB
ReStructuredText
Interaction client-serveur
|
||
###########################
|
||
|
||
:date: 2023-01-03
|
||
:modified: 2023-01-22
|
||
:authors: Benjamin Bertrand
|
||
:tags: Http, Flask
|
||
:category: 1NSI
|
||
:summary: Les réponses et les requêtes du protocole HTTP et la construction d'un serveur web
|
||
|
||
|
||
Éléments du programme
|
||
=====================
|
||
|
||
.. list-table:: Fonction, spécification et tests
|
||
:header-rows: 1
|
||
|
||
* - Contenus
|
||
- Capacités attendues
|
||
- Commentaires
|
||
|
||
* - Interaction client-serveur. Requêtes HTTP, réponses du serveur
|
||
- Distinguer ce qui est exécuté sur le client ou sur le serveur et dans quel ordre. Distinguer ce qui est mémorisé dans le client et retransmis au serveur. Reconnaître quand et pourquoi la transmission est chiffrée.
|
||
- Il s’agit de faire le lien avec ce qui a été vu en classe de seconde et d’expliquer comment on peut passer des paramètres à un site grâce au protocole HTTP.
|
||
|
||
* - Formulaire d’une page Web
|
||
- Analyser le fonctionnement d’un formulaire simple. Distinguer les transmissions de paramètres par les requêtes POST ou GET.
|
||
- Discuter les deux types de requêtes selon le type des valeurs
|
||
|
||
|
||
Progression
|
||
===========
|
||
|
||
Plan de travail
|
||
|
||
.. image:: ./plan_de_travail.pdf
|
||
:height: 200px
|
||
:alt: Plan de travail
|
||
|
||
Etape 1: requetes
|
||
=================
|
||
|
||
Cours: rappels de ce qui a été déjà fait sur le web: client serveur, url, positionnement du protocole HTTP dans la stack web. Introduction des concepts requêtes/reponses.
|
||
|
||
Exploration de l'onglet "Network" dans les outils de dev des navigateurs.
|
||
|
||
Bilan:
|
||
|
||
.. image:: ./1B_http.pdf
|
||
:height: 200px
|
||
:alt: Bilan sur le protocole HTTP et les requêtes GET
|
||
|
||
.. image:: ./2B_post_formulaire.pdf
|
||
:height: 200px
|
||
:alt: Bilan sur les requêtes POST, les formulaires et les codes status du serveur
|
||
|
||
Etape 2: construction d'un serveur
|
||
==================================
|
||
|
||
Pour faire les exercices utilisant Bottle, il faut placer `le fichier bottle.py <https://raw.githubusercontent.com/bottlepy/bottle/master/bottle.py>`_ à côté de votre script.
|
||
|
||
|
||
Etape 3: QCM type
|
||
=================
|