2022-2023/1NSI/05_Interaction_client-serveur/index.rst

65 lines
2.1 KiB
ReStructuredText
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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 sagit de faire le lien avec ce qui a été vu en classe de seconde et dexpliquer comment on peut passer des paramètres à un site grâce au protocole HTTP.
* - Formulaire dune page Web
- Analyser le fonctionnement dun 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
=================