Qu'est-ce qu'un environnement de développement local et comment le créer ?

Nous utilisons plusieurs environnements lors du développement de logiciels. Nous nous soucions le plus de l'environnement de production, qui est accessible à tous les utilisateurs. Dans l'environnement de test, nous vérifions que les modifications apportées fonctionnent comme elles le devraient. Il existe également un environnement local - on pourrait dire que c'est le plus important. C'est là que commence le développement et la maintenance de l'application. Qu'est-ce exactement, que nous offre-t-il et comment le générons-nous ? Passons aux détails.

Qu'est-ce qu'un environnement de développement local ?

C'est un ensemble de systèmes sur notre ordinateur qui nous permet de lancer l'application que nous développons. C’est un espace sûr où nous pouvons expérimenter sans crainte de faire des erreurs. Notre environnement local est accessible uniquement à nous et tout changement peut être annulé sans aucune conséquence. De plus, cet environnement doit ressembler le plus possible à l'environnement de test et de production. Cela permet d'éviter des situations désagréables lors du déploiement vers ces environnements.

Dans l'environnement local, nous installons également souvent des modules supplémentaires, nous permettant d'écrire et de déboguer notre code plus facilement. Ça a l'air cool ? Passons à l'étape suivante.

Comment configurer un environnement de développement local ?

Pour commencer, réfléchissons à ce dont nous aurons besoin. Dans cet article, nous allons nous concentrer sur le lancement de Drupal. Il s'agit d'une application web, nous aurons donc besoin d'un serveur web. Ici, nous pouvons choisir entre deux solutions populaires - Apache et Nginx. De plus, Drupal est écrit en PHP, nous aurons donc besoin de son interpréteur. Enfin, ajoutons une sorte de base de données parce que nous devons stocker nos données quelque part, n'est-ce pas ? De cette façon, nous avons déjà les trois systèmes nécessaires pour commencer notre amusement. Nous pouvons les installer séparément et les configurer un par un. Cela fonctionnera mais nous n'avons pas à nous agoniser ainsi. Quelqu'un l'a déjà fait pour nous.

Outils pour générer un environnement de développement local

Ce sont des solutions prêtes à l'emploi qui créeront notre environnement local souhaité en quelques étapes. De plus, ils nous donneront une interface pour le gérer. Analysons ce que nous pouvons choisir.

Lando

Lando est l'un des outils qui générera un environnement prêt à l'emploi pour nous en quelques étapes simples. Il est basé sur Docker et Docker Compose. Il nous donne un niveau d'abstraction sur ces outils, les rendant plus faciles à utiliser. Alors comment créons-nous cet environnement ? Nous utilisons une seule commande, légèrement longue.

mkdir my-drupal-environment \
  && cd my-drupal-environment \
  && lando init \
    --source remote \
    --remote-url https://www.drupal.org/download-latest/tar.gz \
    --remote-options="--strip-components 1" \
    --recipe drupal9 \
    --webroot . \
    --name my-drupal-environment

Lorsque tout se passe comme prévu, nous devrions voir le message suivant :

Quoi de neuf ? C'est simple - nous devons lancer notre environnement. Comment faisons-nous cela ? Nous utiliserons la commande lando start qui lancera les conteneurs Docker dont nous avons besoin. Après tout est terminé, nous devons recevoir le message :

Lorsque nous suivons le lien que Lando nous donne, nous remarquerons le site d'installation de Drupal. Cela signifie que l'environnement local, créé avec Lando, est prêt. Nous pouvons maintenant poursuivre le développement de notre application. Plus d'informations sur Lando sont disponibles dans la documentation officielle.

Ddev

Cet outil est en fait un concurrent direct de Lando. Comme la solution ci-dessus, Ddev profite des avantages de Docker et Docker Compose. Créons donc un environnement en utilisant cet outil !

Nous commencerons par créer une installation Drupal. Nous utiliserons Composer pour cela.

composer create-project drupal/recommended-project my-local-drupal-install 
cd my-local-drupal-install

Nous allons maintenant exécuter la commande Ddev config.

ddev config

Cet outil est suffisamment intelligent pour détecter lui-même où se trouve notre répertoire docroot et de quel type de projet il s'agit. En fait, nous n'avons qu'à appuyer sur entrée. Maintenant, comme indiqué, nous tapons ddev start. Cela téléchargera les images requises et créera les conteneurs. Le résultat de cette commande ressemble à peu près à ceci :

Nous pouvons voir ici l'adresse de notre site web, ce qui signifie que notre environnement est prêt ! Nous recommandons de consulter la documentation de cet outil pour explorer plus de détails.

Xampp

Xampp est un logiciel simple qui lance les systèmes dont nous avons besoin, directement sur notre ordinateur. L'avantage de cet outil est la faible consommation de ressources de notre ordinateur et la facilité d'installation et d'utilisation. L'inconvénient de cette solution est que nous sommes souvent limités à un seul environnement en cours d'exécution à tout moment. Les deux solutions précédentes nous offrent théoriquement (car à un moment donné, nous manquerons de ressources matérielles) la possibilité de créer et d'utiliser un nombre infini d'environnements.

Après avoir lancé Xampp, nous verrons le panneau suivant :

En naviguant vers l'onglet Manage Servers, nous remarquerons trois éléments.

Nous allons lancer le serveur Web Apache et la base de données MySQL. Une fois les services démarrés, les points à côté d'eux devraient s'allumer en vert.

Nous devons maintenant déplacer les fichiers dans le dossier Xampp. Sur le site de bienvenue, nous cliquons sur Open Application Folder et naviguons vers le répertoire htdocs. Ensuite, nous téléchargeons le fichier zip contenant l'installation de Drupal. Ensuite, nous supprimons tout du dossier htdocs et extrayons les fichiers de l'archive zip là-bas. Nous devons nous assurer que le fichier index.php se trouve directement dans le répertoire htdocs. Enfin, nous naviguons dans le navigateur vers http://localhost. Et voilà ! Notre environnement local n'attend plus qu'un développement fructueux !

Mamp

Cet outil est très similaire à Xampp. La différence est que Mamp est principalement destiné aux utilisateurs de macOS et Windows. Il n'est pas disponible pour Linux. Lorsque nous lançons cette application, elle démarre automatiquement les serveurs web et MySQL dont nous avons besoin.

Si nous naviguons vers le site localhost dans notre navigateur, nous verrons un simple site de bienvenue. Il y aura également des informations sur l'emplacement du répertoire docroot. Dans notre cas, c'est C:/MAMP/htdocs. Avec cette information, nous pouvons répéter les étapes décrites pour Xampp, car elles seront identiques.

Docker4Drupal

Cette solution est une collection d'images préparées, optimisées pour fonctionner avec Drupal. En lisant “images”, vous avez probablement déjà déduit que nous avons besoin de Docker et Docker Compose pour le faire fonctionner. Pour créer un environnement avec cet outil, commençons par initialiser une installation Drupal en utilisant Composer.

composer create-project drupal/recommended-project my-local-drupal-install

cd my-local-drupal-install

Nous téléchargeons maintenant et extrayons la dernière version de Docker4Drupal, disponible sur GitHub. Nous déplaçons tous les fichiers de l'archive dans notre dossier de projet. Nous supprimons le fichier docker-compose.override.yml. Nous ouvrons le fichier .env. Ici, nous pouvons définir le nom de notre projet, l'URL, les données d'accès à la base de données, la version de PHP, et bien plus. Une fois la configuration terminée, nous exécutons la commande make up. Une fois terminé, notre site sera disponible à l'adresse définie dans le fichier .env (par défaut drupal.docker.localhost:8000). Nous avons terminé de configurer le cinquième et dernier environnement de cet article. Bien joué !

Environnement de développement local - résumé

Les environnements de développement local sont essentiels pour créer et développer des applications. C'est dans ces environnements que nous développons le code en toute sécurité, sans nous soucier du fonctionnement du logiciel principal, disponible pour les utilisateurs. Comme vous pouvez le voir, la configuration de ce type d'environnement n'est pas difficile, donc si vous ne l'utilisez pas déjà, nous le recommandons vivement. Qualité et rapidité de travail améliorées garanties !

Et si vous vous intéressez aux sites web Drupal, consultez ce que nous faisons dans le cadre du développement Drupal.