Module 1Introduire la notion client/serveur
Chapitre 1 sur 11
Comprendre le client, le serveur, le middleware, les architectures 2-tiers et 3-tiers, les serveurs web et les réponses HTTP.
Objectifs
Avec ce chapitre, tu sauras…
Tu as découvert le client/serveur en M105 (le parcours d'une page web, les méthodes HTTP). Ce chapitre va plus loin : comment on répartit le travail entre les machines, et ce que fait exactement un serveur web.
Leçon 1
| Caractéristique | Client | Serveur |
|---|---|---|
| rôle | actif : envoie des requêtes | passif : écoute et répond |
| nombre | beaucoup de clients | un serveur (ou une grappe) |
| machine | poste de travail, téléphone | machine plus puissante, connectée en permanence |
| exemples de logiciels | Chrome, Firefox, Outlook, FileZilla | Apache, Nginx, MySQL, serveur de messagerie |
| Type de serveur | Fonctionnement |
|---|---|
| itératif | traite une seule requête à la fois |
| parallèle (concurrent) | traite plusieurs requêtes en même temps |
| avec état | conserve des informations sur chaque client entre ses requêtes |
| sans état | ne conserve rien : chaque requête est indépendante ; c'est le cas de HTTP |
| Avantages | Inconvénients |
|---|---|
| ressources centralisées et données cohérentes | coût de déploiement : le serveur demande du matériel et des compétences |
| sécurité : peu de points d'entrée vers les données | trafic réseau important, tout passe par le serveur |
| administration au niveau du serveur | le serveur est un point de défaillance unique : s'il tombe, plus personne ne travaille |
| réseau évolutif : on ajoute ou retire des clients sans tout modifier | mise à jour des clients lourds difficile (applications à installer sur chaque poste) |
| interopérabilité : clients et serveur peuvent tourner sur des systèmes différents |
| Port | Service |
|---|---|
| 80 | HTTP (web) |
| 443 | HTTPS (web chiffré) |
| 21 | FTP (transfert de fichiers) |
| 25 | SMTP (envoi de mails) |
| 3306 | MySQL |
| Mode | Protocole | Garanties |
|---|---|---|
| connecté | TCP | une connexion est établie avant l'échange ; les données arrivent toutes, dans l'ordre, sans doublon ; plus lent |
| non connecté | UDP | pas de connexion ; aucune garantie d'intégrité, d'ordre ni de non-duplication ; plus rapide (vidéo en direct, jeux, DNS) |
Leçon 2
| Couche | Rôle | Dans un site web |
|---|---|---|
| présentation (IHM, interface homme-machine) | interaction avec l'utilisateur : affichage, saisies | HTML, CSS, JavaScript dans le navigateur |
| traitement (logique applicative, logique métier) | les règles de l'application : calculs, contrôles, enchaînements | PHP sur le serveur web |
| données (persistance) | stockage et accès aux données | MySQL |
Leçon 3
| Serveur web statique | Serveur web dynamique | |
|---|---|---|
| composants | une machine + un serveur HTTP | + un serveur d'application (PHP, Node.js…) + souvent une base de données |
| réponse | les fichiers sont envoyés tels quels | les pages sont générées à chaque requête |
| exemple | un site vitrine en HTML/CSS (GitHub Pages) |
1Le client dans une architecture client/serveur est…
2Un serveur qui ne garde aucune information entre deux requêtes est…
3Un site PHP avec MySQL est une architecture…
4Le mode non connecté (UDP) garantit…
5Le navigateur d'une application web est un…
6Le code 302 signifie…
7L'en-tête qui indique le type MIME est…
L'essentiel du chapitre
Content-Type.| Architecture | Répartition | Exemple |
|---|
| 1-tiers (centralisée) | les trois couches sur la même machine | un logiciel de caisse autonome, une application Excel |
| 2-tiers (client/serveur de première génération) | le client gère présentation et traitements, le serveur gère les données (un SGBD) | une application de bureau qui interroge directement MySQL avec du SQL |
| 3-tiers (client/serveur de deuxième génération) | client (présentation), serveur d'application (traitements), serveur de données | un site PHP : navigateur, Apache + PHP, MySQL |
| n-tiers (distribuée) | les traitements sont répartis en plusieurs services reliés par un middleware | une plateforme e-commerce : catalogue, paiement, livraison, chacun sur son serveur |
| Critère | 2-tiers | 3-tiers et n-tiers |
|---|---|---|
| administration | complexe : l'application est installée sur chaque poste | simple : l'application est gérée sur le serveur |
| sécurité | faible : les tables sont directement accessibles | élevée : le client n'appelle que des services |
| performance | faible : beaucoup de requêtes SQL et de données circulent | bonne : seuls les appels de service et les résultats circulent |
| évolutivité | faible | excellente : la charge se répartit sur plusieurs serveurs |
| réutilisation | faible (application monolithique) | excellente (services réutilisables) |
| facilité de développement | élevée | plus exigeante (plusieurs couches à concevoir) |
| tolérance aux pannes | faible | excellente : la couche du milieu peut tourner sur plusieurs serveurs |
| Logiciel serveur | Particularité |
|---|---|
| Apache HTTP Server | le plus répandu historiquement, modules, fichiers .htaccess |
| Nginx | très performant pour beaucoup de connexions simultanées, souvent en proxy inverse |
| Microsoft IIS | le serveur web de Windows Server |
| LiteSpeed, Lighttpd | alternatives rapides |
| Apache Tomcat, Node.js | serveurs d'application (Java, JavaScript) |
| Famille | Codes | Exemples |
|---|---|---|
| 1xx information | 100, 101 | 101 changement de protocole |
| 2xx succès | 200 à 206 | 200 OK, 201 Created, 204 No Content |
| 3xx redirection | 300 à 308 | 301 déplacé définitivement, 302 déplacé temporairement, 304 non modifié |
| 4xx erreur du client | 400 à 451 | 400 requête invalide, 401 non authentifié, 403 interdit, 404 introuvable, 405 méthode non autorisée |
| 5xx erreur du serveur | 500 à 511 | 500 erreur interne, 502 mauvaise passerelle, 503 service indisponible |
Vidéo · À regarder
FRHTML en 1 HEURE - Formation HTML complète en 2025
Melvynx · YouTube
Le client est le client du restaurant : il consulte la carte et passe commande. Le serveur (la cuisine) prépare ce qui est demandé et le renvoie. Le protocole, c'est la carte et la façon de commander : si le client commande un plat qui n'existe pas, la cuisine répond « indisponible » (une erreur 404).
Le middleware
Le middleware (intergiciel) est la couche logicielle qui assure la liaison entre le client et le serveur : il établit la connexion, transmet les requêtes, rapporte les résultats et ferme la connexion. Il assure aussi la conversion des données, l'adressage, la sécurité et la communication. Exemples : le protocole HTTP et la pile TCP/IP, un pilote de base de données (le pilote PDO MySQL du chapitre 7), une file de messages.
Tableau: Avantages et inconvénients
Le fonctionnement sur le réseau
Le client envoie sa requête à l'adresse IP du serveur, sur un port qui identifie le service ; le serveur répond à l'adresse IP du client.
HTTP s'appuie sur TCP : il est donc en mode connecté, même si chaque requête HTTP est sans état.
Tableau: Les trois couches d'une application
Tableau: 1-tiers, 2-tiers, 3-tiers, n-tiers
Un serveur web (ou serveur HTTP) est un logiciel qui diffuse des contenus web (pages, images, données) sur Internet ou un intranet, avec le protocole HTTP (port 80) ou HTTPS (port 443). Le mot désigne aussi la machine qui l'héberge, connectée en permanence.
Ouvre trois sites (un site vitrine simple, un site d'actualité, ta messagerie web) avec les outils de développement, onglet Réseau. Pour chacun, relève dans la première requête : le code d'état, l'en-tête Server (s'il est visible), le Content-Type, et déduis si la page est statique ou générée dynamiquement (indices : cookies de session, en-tête X-Powered-By, contenu personnalisé).
Pour chaque application, indique l'architecture (1, 2, 3 ou n-tiers) et justifie : (1) un logiciel de paie installé sur chaque PC, qui interroge directement un serveur SQL Server ; (2) l'espace stagiaire en ligne d'un établissement, en PHP et MySQL ; (3) une calculatrice sur un téléphone ; (4) une plateforme de vente avec un service de paiement, un service de livraison et un service de recommandation séparés.
Pour la réponse ci-dessous, indique : le code et sa signification, le logiciel serveur, le type du contenu, et ce que fait le navigateur.
HTTP/1.1 301 Moved Permanently
Server: nginx/1.26.1
Location: https://www.exemple.ma/accueil
Content-Type: text/html; charset=UTF-8 TIERS 1 : CLIENT TIERS 2 : SERVEUR D'APPLICATION TIERS 3 : SERVEUR DE DONNÉES
navigateur Apache + PHP MySQL
(présentation) ──HTTP──► (traitements, règles métier) ──SQL──► (données)
◄──HTML── ◄──────L'URL
https://www.ofppt.ma:443/fr/nos-formations?ville=rabat#inscription
└─┬─┘ └─────┬─────┘└┬┘└───────┬───────┘└────┬────┘└─────┬────┘
protocole hôte port chemin paramètres ancreSi le fichier n'est pas précisé (https://www.ofppt.ma/), le serveur envoie la page par défaut du dossier : index.html ou index.php.
La réponse HTTP
Une réponse HTTP contient :
HTTP/1.1 200 OK) ;Content-Type, Content-Length, Set-Cookie…) ;HTTP/1.1 200 OK
Date: Sun, 01 Nov 2026 10:42:00 GMT
Server: Apache/2.4.62 (Win64) PHP/8.3.6
Content-Type: text/html; charset=UTF-8
Content-Length: 1834
<!DOCTYPE html>
<html lang="fr">…La théorie du web : client, serveur, requêtes et réponses (en français).