Client-serveur

Client-serveur : mise en ligne d'un site web

Alice souhaite mettre en ligne un petit site web personnel qui sera hébergé chez son fournisseur d'accès à Internet. Son site sera composé d'une seule page. Voilà ci-dessous les grandes étapes pour y parvenir.

• Alice ouvre un éditeur de texte puis écrit son texte structuré grâce au langage HTML.
• Elle indique aussi la mise en forme grâce au langage CSS.
• Elle dispose de deux fichiers : un HTML (texte structuré) et un CSS ( mise en forme).
• Elle envoie une copie - via Internet - de ces deux fichiers sur son serveur http hébergé par son fournisseur d'accès à Internet.
• Bob peut consulter le site d'Alice : le navigateur de Bob récupère simplement une copie des deux fichiers HTML et CSS auprès du serveur http pour afficher le texte d'Alice

Remarque : le mot "serveur" désigne un logiciel mais, par extension, ce mot désigne aussi l'ordinateur sur lequel est installé le logiciel.

Client-serveur : affichage d'une page web et requêtes http

L'expression "requête HTTP au serveur HTTP" ne doit pas vous effrayer. Vous pouvez le comprendre comme "demande à l'ordinateur du site web de récupérer tel ou tel fichier", même si cette formulation est un peu plus approximative.

Voyons ce qui se passe lorsque Bob demande une page web à son navigateur. Pour cet exemple nous supposerons que la page HTML consultée contient une seule image JPEG et possède l'URL http://www.superalice.com/superpage.html.

• Bob saisit l'URL de la page dans la barre d'adresse de son navigateur puis valide l'adresse.
• Le navigateur de Bob envoie une requête au serveur HTTP du domaine www.superalice.com
• Le serveur HTTP lui renvoie le fichier HTML superpage.html
• Le navigateur lit dans ce fichier HTML qu'il y a deux liens hypertexte : un vers le fichier CSS associé et l'autre vers l'image JPEG
• Le navigateur effectue une seconde requête HTTP afin de récupérer le fichier CSS.
• Puis une troisième requête HTTP afin de récupérer l'image JPEG.
• Le navigateur a les trois fichiers nécessaires : il peut afficher la page superpage.html.

Il y a donc trois requêtes d'effectuées :

• une première requête d'un fichier HTML dont le contenu HTML indique au navigateur qu'il y a besoin de deux fichiers supplémentaires,
• une requête supplémentaire pour obtenir le fichier CSS,
• une requête supplémentaire pour obtenir le fichier JPEG.