Installation admin

Les fichiers du site Web sont en ligne sur la plateforme de contrôle de version Github. Cet outil permet d'avoir un historique du code en ligne et sur son ordinateur.

---

Logiciels requis

Cliquez sur les noms des logiciels afin de suivre le tutoriel d'installation.

1. Docker

2. Éditeur de code

Configuration de Docker

Pour configurer Docker, créez un dossier dans lequel les fichiers du projet seront téléchargés (vous pouvez nommer le dossier comme vous le souhaitez). Dans ce dossier, créez un fichier docker-compose.yml avec comme contenu :

version: '3.8'
services:
    web:
        image: mathieulp/popeye-symfony
        container_name : symfony
        restart: always

        ports:
            - 8313:80

        depends_on:
            - db

        volumes:
            - ./www/:/var/www/
            - ./sites/:/etc/apache2/sites-enabled/

    db:
        image: mariadb:10.8
        container_name: mariadb
        restart: always

        volumes:
            - db-volume:/var/lib/mysql

        environment:
            MYSQL_ROOT_PASSWORD: Popeye
            MYSQL_DATABASE: Popeye
            MYSQL_USER: popeye
            MYSQL_PASSWORD: popeye
            
    phpmyadmin:
        image: phpmyadmin/phpmyadmin
        container_name: phpmyadmin_docker_symfony
        restart: always
        ports:
            - 8082:80
            
    maildev:
        image: maildev/maildev
        container_name: maildev_docker_symfony
        command: bin/maildev --web 80 --smtp 1025 --hide-extensions STARTTLS
        restart: always
        ports:
            - 8081:80


volumes:
    db-volume:

Rendez-vous ensuite dans votre Terminal (MacOS/Linux) ou PowerShell et placez-vous dans le dossier de votre Docker (où votre fichier docker-compose.yml est enregistré).

cd /Bureau/Docker (à changer selon l'emplacement du dossier)    

Construisez ensuite votre conteneur Docker grâce au docker-compose en entrant la commande :

docker-compose up -d

Si l'installation s'est correctement déroulée, la liste de conteneur devrait être disponible dans l'application Docker.

Capture d'écran de Docker

Configuration du conteneur

Pour configurer le conteneur, un fichier contenant les différentes commandes d'installation est présent dans le dossier /bin. Pour l'exécuter, entrez cette commande :

docker exec -ti symfony /bin/init.sh

Une fois que la commande est exécutée, rendez-vous à l'adresse http://localhost:8313 dans votre navigateur, elle doit afficher la configuration de PHP :

Page de la configuration de PHP

Maintenant, vous pouvez désactiver le site de test en activant le vrai site. Pour cela, entrez dans le terminal du conteneur puis placez-vous dans le dossier de configuration des sites grâce à cette commande :

docker exec -ti symfony /bin/bash
cd /etc/apache2/sites-available

Modifier le fichier symfony.conf (nano symfony.conf) en remplaçant la ligne "ServerName dev.popeye-troyes.fr" par "ServerName localhost".

Désactivez la configuration par défaut et activez la configuration du site admin en entrant ces commandes :

a2dissite 000-default.conf
a2ensite symfony.conf
service apache2 reload

Si vous rechargez à nouveau la page du navigateur, vous devriez avoir une erreur. Ceci est normal, car l'url redirige vers un dossier inexistant.

Récupération du projet

Pour récupérer les fichiers du projet hébergés sur Github, il faut cloner le projet (repository). Pour cela, suivez les étapes ci-dessous :

1. Ouvrez un nouveau Terminal (MacOS/Linux) ou PowerShell (Windows)

2. Rendez-vous dans le dossier dans lequel vous souhaitez cloner le site

cd /Bureau/Docker/www/ (à changer selon l'emplacement du dossier) 

1. Clonez le repository du site sur votre machine

git clone https://github.com/MathieuLePuil/admin.popeye-troyes.fr.git

1. Ouvrez le projet dans votre éditeur de code

2. Dupliquez le fichier .env et renommez-le en .env.local

3. Ouvrez le fichier .env.local et commentez la ligne ci-dessous (en ajoutant # au début de la ligne)

# DATABASE_URL="postgresql://app:!ChangeMe!@127.0.0.1:5432/app?serverVersion=15&charset=utf8"

1. Décommentez la ligne d'au-dessus en supprimant le #

2. Modifier les informations selon l'utilisateur de la base de donnée (par défaut, l'identifiant et le mot de passe sont "root")

DATABASE_URL="mysql://root:Popeye@db:3306/popeye?serverVersion=8&charset=utf8mb4"

1. Retournez ensuite dans le terminal dans lequel vous êtes connecté au conteneur Docker

2. Installer les dépendances du projet en entrant les commandes ci-dessous dans le dossier du site (cd /var/www/admin.popeye-troyes.fr) :

composer install
npm install

1. Exportez la base de donnée Popeye dans PhpMyAdmin présent dans l'interface de Plesk

2. Rendez-vous sur l'url http://localhost:8082 et connecter vous grâce au identifiant suivant :

   1. user : root

   2. password: Popeye

3. Importer le fichier sql dans votre base de donnée locale dans "Importer" de PhpMyAdmin

4. Rechargez à nouveau la page localhost:8313

Vous obtenez normalement la page d'accueil du site web.