Chap 12 – Site Web

– Client Server –
 INTERNET
Modèle Client / Server
Serveur Web
HTTP Request Hébergeant le site Web

HTTP Response
Page html
Pages dynamiques ou
Navigateur Contextuelles (php, aspx, …) ???

Interdit
Utiliser des
Sécurité
ressources internes
(Photos, Vidéos, Données,
Documents, etc…
 Site Web très sollicités ?
• Baies de serveurs pour répondre à la forte demande
Exemple: chaque seconde, environ 65 000 clients qui se
connectent aux serveurs du moteur de recherche de
Google

Redondance (sécurité)
Panne électrique, accès internet, catastrophe naturelle
Multiplication des sites avec synchronisation quasi instantanée – multiplication des
serveurs, duplication des données, consommation électrique, ….
Côté serveur – Site Web
• Les serveurs sont capables de générer du code HTML à
la volée (selon le contexte et donc les interactions avec
l’utilisateur)
• Un langage de programmation est utilisé côté serveur
pour générer ces pages HTML:
• L’un des plus utilisé: PHP
• D’autres : java, python, C#, VBScript, …
Exemple d’un code PHP (côté serveur) Rendu si la requête est reçue à 18h23

Rendu si la requête est reçue à 9h12

 Requête HTTP
• Le protocole de communication Web : HTTP:
• 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)
Exemple d’une requête HTTP:

Plusieurs autres types sont possibles :

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

Les 4 principales
• GET : C'est la méthode la plus courante pour
demander une ressource.
• POST : Cette méthode est utilisée pour soumettre
des données en vue d'un traitement (côté serveur).
• DELETE : Cette méthode permet de supprimer une
ressource sur le serveur.
• PUT : Cette méthode permet de modifier une
ressource sur le serveur
La réponse du serveur
Et le cas de HTTPS - Principe
• Etape 1: Client demande au serveur une connexion
sécurisée : HTTPS
• Etape 2: le serveur répond au client qu'il est OK et
envoie un certificat (carte d’identité)
• Etape 3: le client vérifie que la carte d’identité est
valide
• Etape 4: Echange de clés de chiffrement (vu en
terminale)
 Première page dynamique
• Besoin d’un serveur web (à installer)
• Logiciel qui va pointer sur un répertoire
• Écouter sur des ports (80 par défaut)
• Traduire les requêtes clients et exécuter du code côté
serveur

Logiciel Serveur Web

(Internet Information Service
(IIS) pour Microsoft , Apache
Exemple 1: Affichage de l’heure serveur Web Gratuit
 Serveur web IIS
 Pages
.asp ou .aspx
 Exemple 2
• Envoie d’un formulaire – Méthode Get
• Démo

URL de la page recevant les informations - par la méthode GET :

 Exemple 2
• Réponse - Méthode Get (code en c#)
 Exemple 2
• Envoie d’un formulaire – Méthode Post
• Démo

URL de la page recevant les informations - par la méthode POST

(les données ne sont pas visibles):
 Exemple 3
• Méthode Post
Code en C#
 Exemple 4: Informations accessibles sur le serveur
• Informations sur le système du serveur mais aussi les données envoyés
par le client:
Page HTML affichée Code de la page ASPX en C#