Chapitre 0Projet DevBlog

Préparation — Installer l'environnement PHP

XAMPP, Apache, PHP et MySQL — votre environnement de développement

Concepts Théoriques

Jusqu'ici, vos pages web étaient statiques — le navigateur affichait directement les fichiers HTML/CSS/JS depuis votre ordinateur. Avec PHP, on passe au dynamique : un serveur exécute du code AVANT d'envoyer la page au navigateur. C'est ce qui permet de stocker des données, gérer des utilisateurs, et afficher du contenu personnalisé.

Frontend vs Backend — comprendre la différence

  • Frontend (côté client) — HTML, CSS, JavaScript. Le code est envoyé AU navigateur et s'exécute DANS le navigateur de l'utilisateur. Tout le monde peut voir le code source (clic droit > Afficher la source).
  • Backend (côté serveur) — PHP, Python, Node.js. Le code s'exécute SUR LE SERVEUR. L'utilisateur ne voit JAMAIS le code PHP — il ne reçoit que le résultat HTML généré.

C'est pourquoi vous ne pouvez pas mettre de mot de passe dans du JavaScript (visible par tous), mais vous pouvez le faire en PHP (invisible côté client).

Le cycle requête/réponse

Quand un utilisateur visite votre site PHP :

  1. Le navigateur envoie une requête HTTP au serveur (ex: "donne-moi la page /articles")
  2. Le serveur reçoit la requête et identifie le fichier PHP demandé
  3. Le moteur PHP exécute le code PHP du fichier
  4. PHP peut lire une base de données, calculer des valeurs, générer du HTML
  5. Le serveur envoie la réponse — du HTML pur — au navigateur
  6. Le navigateur affiche le HTML (il ne sait pas qu'il a été généré par PHP)

Le navigateur ne sait pas et ne se soucie pas que la page a été générée par PHP. Il reçoit du HTML, comme d'habitude.

Qu'est-ce que XAMPP ?

Pour développer en PHP sur votre ordinateur, vous avez besoin de 3 choses :

  • Apache — le serveur web qui reçoit les requêtes et renvoie les réponses
  • PHP — le moteur qui exécute votre code
  • MySQL — la base de données pour stocker les articles, utilisateurs, commentaires

XAMPP installe les trois d'un coup. C'est un pack tout-en-un gratuit, disponible sur Windows, macOS et Linux. Après l'installation, vous démarrez Apache et MySQL depuis le panneau de contrôle XAMPP.

Alternative : Laragon (Windows uniquement) — plus léger et plus moderne que XAMPP. Si vous êtes sur Windows, Laragon est souvent préféré par les développeurs Laravel.

Le dossier htdocs

Après l'installation de XAMPP, tous vos projets PHP doivent être dans le dossier htdocs :

  • Windows : C:\xampp\htdocs\
  • macOS : /Applications/XAMPP/htdocs/
  • Linux : /opt/lampp/htdocs/

Quand vous accédez à http://localhost dans votre navigateur, Apache sert les fichiers depuis htdocs. Un projet dans htdocs/devblog/ sera accessible à http://localhost/devblog/.

PHP dans un fichier HTML

PHP s'écrit dans des fichiers avec l'extension .php (pas .html). Le code PHP est entouré des balises <?php et ?>. Tout ce qui est en dehors de ces balises est du HTML normal envoyé tel quel au navigateur.

Vous pouvez mélanger PHP et HTML dans le même fichier — c'est le fonctionnement de base. PHP génère des morceaux de HTML dynamiquement, le reste est statique.

> Important : Un fichier .php ne fonctionne PAS en ouvrant le fichier dans le navigateur (file://). Il DOIT être servi par Apache via http://localhost. C'est la différence fondamentale avec HTML/CSS/JS.