Drupal

Réaliser un site web avec Drupal

JavaScript ES6+

Découvrir Drupal

  • Qu’est-ce que Drupal ?

  • À quoi sert un CMS ?

  • Différence entre Drupal, WordPress, Joomla

  • Cas d’usage de Drupal (sites institutionnels, intranet, etc.)

Installation de Drupal avec XAMPP (Windows)

Objectif :
👉 Installer Drupal correctement en local
👉 Comprendre ce que tu fais (mode développeur débutant)

On va utiliser :

  • XAMPP

  • Drupal

    🧠 Avant de commencer : comprendre l’environnement

    Quand tu installes Drupal en local, tu as besoin de 3 choses :

    ÉlémentRôle
    ApacheServeur web
    MySQL / MariaDBBase de données
    PHPLangage de Drupal

    👉 XAMPP installe tout ça d’un coup.

    🥇 ÉTAPE 1 – Installer XAMPP

    1️⃣ Télécharger XAMPP

  • Va sur Google

  • Tape : XAMPP download

  • Télécharge la version pour Windows (PHP 8.x)

  • ⚠️ Important :
    Choisis une version PHP compatible avec la dernière version de Drupal (PHP 8.1 ou plus récent).

    2️⃣ Installer XAMPP

  • Double-clique sur le fichier

  • Clique sur Next jusqu’à la fin

  • Installe dans :

  • C:\xampp

  •  

    3️⃣ Lancer les services

  • Ouvre XAMPP Control Panel

  • Clique sur :

    • Start → Apache

    • Start → MySQL

  • Tu dois voir :
    ✔ Apache en vert
    ✔ MySQL en vert

  • 👉 Si Apache ne démarre pas, dis-le-moi.

    🥈 ÉTAPE 2 – Télécharger Drupal

  • Va sur Google

  • Tape : Drupal download

  • Télécharge la dernière version stable

  • Dézippe le fichier

  • Tu obtiens un dossier du type :

  •  
    drupal-10.x.x
     

    🥉 ÉTAPE 3 – Placer Drupal dans le bon dossier

  • Va dans :

  • C:\xampp\htdocs\
  • C’est le dossier racine du serveur local.

  • Copie le dossier Drupal dedans

  • Renomme-le par exemple :

  • monsite
     
  • Donc tu dois avoir :

  • C:\xampp\htdocs\monsite

    🗄️ ÉTAPE 4 – Créer la base de données

  • Ouvre ton navigateur

  • Tape :

  • http://localhost/phpmyadmin
    (phpMyAdmin est installé avec XAMPP)
  • Clique sur Nouvelle base de données

  • Nom :

  • monsite_db
    Interclassement : laisse par défaut
  • Clique sur Créer

  • ✔ Base créée.

    🚀 ÉTAPE 5 – Lancer l’installation de Drupal

  • Dans ton navigateur :

  • http://localhost/monsite
     
  • L’assistant d’installation démarre 🎉

    Étape A – Profil

  • Choisis :

  • Installation Standard

  • Langue : Français

    Étape B – Base de données

  • Remplis :

    ChampValeur
    Nom de la basemonsite_db
    Utilisateurroot
    Mot de passe(vide)
    Hôtelocalhost
  • Clique sur Enregistrer et continuer

  • Étape C – Configuration du site

  • Remplis :

  • Nom du site

  • Email

  • Nom utilisateur admin

  • Mot de passe admin

  • Clique sur installer.

  • Attends 1 à 2 minutes.


  • ✅ Résultat final

  • Si tout est bon, tu verras :

  • 🎉 Félicitations, Drupal est installé.

  • Tu viens d’installer un CMS professionnel en local.
    Bravo 👏


  • ⚠️ Problèmes fréquents (et solutions)

  • ❌ Erreur connexion base de données

  • → MySQL n’est pas démarré dans XAMPP


  • ❌ Page blanche

  • → Mauvaise version PHP


  • ❌ Apache ne démarre pas

  • → Port 80 utilisé par Skype ou IIS
    → Change le port dans XAMPP


  • 🧠 Ce que tu dois avoir compris

  • ✔ Drupal a besoin d’un serveur
    ✔ Il a besoin d’une base de données
    ✔ XAMPP simule un vrai serveur
    htdocs = racine web


  • 🎯 Mini mission pour toi

  • Fais l’installation complète.

  • Ensuite réponds :

  • ✅ Installation réussie
    ou

  • ❌ J’ai une erreur (copie le message)

Interface d’administration

  • Tableau de bord

  • Menu d’administration

  • Rôles et permissions

  • Gestion des utilisateurs