Session BRE04 Help

Exercice : Mise En Production du projet The League

Le but

Déployer en ligne votre projet The League sur un serveur de production externe à votre IDE, en utilisant PlanetHoster (offre gratuite WorldLite).

Étape 0

  • Faites un fork de votre projet de groupe The League sur GitHub, appelez-le bre04-php-mep-the-league

  • Clonez ce dépôt dans le dossier sites/php de votre IDE.

Étape 0 - bis

  1. Allez sur PlanetHoster

  2. Choissisez France + Switzerland

  3. Définissez un nom de domaine format bre04-VOTRELOGIN-theleague.worldlite.fr

  4. Créé votre compte avec votre adresse e-mail 3WA et numéro de téléphone

  5. Validez et confirmez via SMS votre création de compte.

  6. Accédez à l’URL de votre domaine pour vérifier que la page d’accueil par défaut PlanetHoster s’affiche.

Étape 1 - Récupération des sources du projet

  1. Assurez-vous d’avoir :

    • code source complet du projet (sans le fichier .env ou équivalent)

    • un export .sql de la base de données

  2. Depuis votre fork bre04-php-mep-the-league sur votre IDE :

    • créez une nouvelle base de données et importez-y les données

    • créez un nouveau fichier .env (ou équivalent) adapté à cette configuration

  3. Vérifiez que le projet fonctionne correctement dans cette nouvelle installation.

Étape 2 - Création du .env pour la prod

  1. Renommer votre fichier .env de l'étape 2 en .env-ide.

  2. Créez un nouveau fichier .env pour l'instant vide.

Étape 3 - Configuration du compte FTP PlanetHoster The World

  1. Connectez-vous à votre espace PlanetHoster nouvellement créé.

  2. Accédez à la gestion de votre hébergement : Hébergement web > Gestion des comptes > Cliquez sur la vignette de l'hébergement.

  3. Une fois dans l'espace d'administration de votre hébergement, créez un compte d'accès FTP : Fichiers > Comptes FTP > Créer:

    • Adresse de courriel : theleague@votrenomdedomaine

    • Générez et conservez votre mot de passe.

    • Laissez le champ répertoire vide.

  4. Cliquez sur l’icône "i" du compte FTP pour afficher les infos de connexion (cela pourra vous être utile).

Étape 4 - Création de la base de données distante

Etape 4.1 - Création

  1. Depuis l’espace d’administration PlanetHoster allez dans Bases de données > Bases de données SQL

  2. Créez une nouvelle base :

    • nommée theleague

    • cochez Créer un utilisateur

    • créez un utilisateur VOTRELOGIN

    • attribuez-lui un mot de passe sécurisé et conservez-le

    • accordez-lui tous les privilèges

Etape 4.2 - Importation des données

  1. Accédez à PhpMyAdmin depuis PlanetHoster dans Bases de données > PhpMyAdmin

  2. Avant l’import :

    • vérifiez s’il y a des URLs ou chemins locaux dans vos données

    exemple : https://VOTRELOGIN.sites.3wa.io/BRE04/J15/theleague/index.php
    • remplacez-les si nécessaire par votre domaine

    exemple : http://bre04-VOTRELOGIN-theleague.worldlite.fr/index.php
  3. Importez le fichier .sql (Etape 1) dans votre base de production.

Étape 5 - Déploiement du code avec FileZilla

Étape 5.1 – Préparer les sources

Avant de transférer le code :

  • vérifiez que toutes les données sont bien adaptées à l’environnement de production (accès BDD, URL, variables d’environnement, etc.)

Étape 5.1.1

Vous êtes sûr que le .env (ou équivalent) est complet ?

Étape 5.2 - Transfert FTP

  1. Ouvrez FileZilla et connectez-vous avec vos identifiants FTP.

  2. Transférez manuellement les sources précédemment adaptée au contexte de production vers votre hébergement.

  3. Adapter les droits d'accès via l'interface de FileZilla pour éviter que n'importe quel utilisateur puisse consulter les fichiers sensibles (ex : .env).

Étape 6 - Vérifications

  • Accédez à votre projet en ligne et vérifiez qu’il fonctionne comme attendu.

  • Testez toutes les pages principales, la navigation, les formulaires, les éventuelles erreurs dans la console navigateur.

  • Confirmez que l’application est bien connectée à la base de données distante.

Liens utiles :

Documentation FileZilla

Étape Bonus - .htaccess

Créez un fichier .htaccess à la racine de votre projet en ligne pour :

  • sécuriser l’accès aux fichiers sensibles

  • réécrire les url /index.php en /

Liens utiles pour le bonus

Documentation Apache sur le .htaccess (bon courage)

25 July 2025