Documentation · Chapitre 02

Comment fonctionne
un site Web ?

Partons de zéro. Avant de parler de PHPAML, observons simplement ce qui se passe lorsque vous ouvrez une page dans votre navigateur.

Aucun vocabulaire technique préalable n’est nécessaire. Chaque nouveau mot est expliqué avant d’être utilisé.

≈ 55 min

Vous connaissez déjà le début de l’histoire.

Vous ouvrez Chrome, Safari ou Firefox. Vous écrivez une adresse, par exemple phpaml.com, puis vous appuyez sur Entrée. Quelques instants plus tard, une page apparaît. Ce chapitre explique ce voyage sans supposer que vous savez déjà programmer.

Deux ordinateurs se parlent.

1Votre navigateur demande

« Peux-tu me donner la page du livre numéro 12 ? »

2Le serveur répond

« Oui. Voici le titre, l’auteur, l’image et la mise en page. »

Le navigateur est le programme que vous utilisez pour visiter le Web. Le serveur est l’ordinateur qui exécute l’application PHPAML et prépare la réponse. Même lorsqu’ils fonctionnent sur votre propre Mac avec 127.0.0.1, ces deux rôles restent distincts.

LES MOTS À CONNAÎTRE

Un petit dictionnaire avant de continuer

Navigateur
Le programme qui affiche les sites Web : Chrome, Safari ou Firefox.
Serveur
Le programme ou l’ordinateur qui reçoit une demande et prépare une réponse.
Application
L’ensemble des fichiers qui produisent le comportement du site.
Code
Les instructions écrites par le développeur pour dire à l’application quoi faire.

Où interviennent PHP et PHPAML ?

PHP est le langage dans lequel vous écrivez les instructions exécutées par le serveur. Le navigateur ne lit pas directement vos classes PHP : le serveur exécute PHP, construit une réponse, puis envoie au navigateur un résultat qu’il sait afficher.

PHPAML ajoute une organisation et des outils autour de PHP. Il démarre le serveur avec aml serve, reconnaît les adresses de vos pages, charge le bon code, protège les échanges courants et facilite plusieurs types de projets. Votre logique reste écrite en PHP.

PHP

Le langage : variables, conditions, fonctions, classes et objets.

PHPAML

Le cadre de travail : démarrage, dossiers, routes, réponses et outils de développement.

Que reçoit réellement le navigateur ?

Une page Web complète utilise généralement plusieurs types de fichiers. PHP prépare le contenu dynamique sur le serveur; le navigateur assemble ensuite les éléments reçus.

HTML

La structure et le contenu : titres, paragraphes, liens et formulaires.

CSS

L’apparence : couleurs, espacements, tailles et disposition.

Images et médias

Les fichiers visuels ou sonores chargés par la page.

JavaScript

Les comportements exécutés dans le navigateur lorsqu’ils sont nécessaires. AML View peut en générer sans que vous l’écriviez manuellement.

QUESTIONS DE DÉBUTANT

Vous vous demandez peut-être…

Est-ce que mon navigateur exécute PHP ?

Non. PHP s’exécute côté serveur. Le navigateur reçoit le résultat produit.

Pourquoi 127.0.0.1 fonctionne sans Internet ?

Cette adresse désigne votre propre ordinateur. Votre navigateur parle au serveur lancé localement par AML.

Dois-je tout comprendre immédiatement ?

Non. Retenez d’abord le dialogue navigateur–serveur. Les noms précis viendront progressivement.

Le voyage en quatre actions simples.

1Demanderle livre 12
→
2Dirigervers le bon code
→
3Préparerle livre demandé
→
4Afficherla page terminée

En programmation, ces actions portent des noms précis : requête, route, contrôleur et réponse. Ne les mémorisez pas encore. Les pages suivantes les introduisent une par une avec le même exemple.

À la fin, vous saurez répondre à quatre questions.

  • Que se passe-t-il après avoir écrit une adresse Web ?
  • Pourquoi un projet contient-il plusieurs dossiers ?
  • Pourquoi ne met-on pas tout le code au même endroit ?
  • Quel type de projet PHPAML choisir ?

À VOUS DE JOUER

Pour une page /books/12, écrivez sur papier les quatre stations traversées avant l’affichage du titre du livre.

Voir un indice

Commencez par : requête → route → …

EN RÉSUMÉ

Ce qu’il faut retenir

  • Le navigateur demande une page.
  • Le serveur prépare puis renvoie cette page.
  • Un projet utilise plusieurs étapes pour organiser ce travail.
  • La suite expliquera chaque étape avec le même livre numéro 12.