Logo Cinquin Andy Signature

Mise en place d'un environnement de dev pour Plugin Wordpress: Guide étape par étape

Développeur Freelance - Logo

Les sites et les ressources associées

Mise en place d'un environnement de dev pour Plugin Wordpress: Guide étape par étape

Publié le 3 septembre 2024 -  par Andy Cinquin

Développement de pluginsForVoyezDéveloppement WebCapRoverCoolifyDéveloppement PHPBases de données MySQLEnvironnement de développementPlugin WordPress

Prérequis

Avant toute chose, il faut pouvoir faire ce tuto :
  • PHP 8.2 installé
  • Une base de données disponible (MySQL ou MariaDB)
  • Un serveur avec CapRover / Coolify

Installation de l'environnement

Bonjour à tous,
Nous allons voir dans cet article comment j'ai fait pour développer le plugin ForVoyez, par quelles étapes je suis passé, et comment j'ai réfléchi.
Tout d'abord, pour l'environnement de dev, j'avais suivi une formation du côté de Grafikart il y a quelques années, et je me souvenais qu'il utilisait "WordPlate" (GitHub - vinkla/wordplate: WordPlate is a boilerplate for WordPress, built with Composer and designed with sensible defaults.)
Je suis donc allé voir le repo en question, et j'ai trouvé qu'il était pas trop mal et que ça pouvait faire l'affaire. J'avais donc ma base WordPress.
En plus de cette base, il me fallait une base pour ma base de données justement.
Pour ce faire, j'ai déployé sur mon CapRover une base de données via une image Docker de MariaDB.
J'ai ajouté les variables d'environnement suivantes :
Webpage displaying a configuration panel for database settings with tabs for HTTP Settings, App Configs, and Deployment. App Configs tab shows settings for environmental variables and options for MySQL database instance.
Et fait un mapping sur 3308 & 3308 pour pouvoir accéder à ce port depuis l'extérieur.
Ensuite dans mon environnement de dev, après avoir lancé la commande suivante pour WordPlate :
composer create-project --prefer-dist vinkla/wordplate forvoyez-wp
J'ai rempli les credentials correspondants, et dans la partie "database" de mon IDE également :
Screenshot of a database management software interface showing list of supported databases, navigation for a database with tables, views, and routines, and toolbar with options for query console and data sources
Il me fallait ensuite simplement remplir les éléments nécessaires : le port, l'adresse, la db, l'utilisateur et le mot de passe.
Screenshot of a database configuration window in an IDE with fields for host, port, user, and password. Red arrows pointing to modified or incomplete sections.
Puis plus qu'à créer la base de données :
Screenshot of computer interface highlighting Query Console option in database development application
Image of computer screen displaying open code editor or database management interface with command to create a new database named 'forvoyez'
CREATE DATABASE forvoyez
Parfait !
Maintenant on a un début d'environnement fonctionnel, plus qu'à remplir les variables d'environnement pour WordPress !
Screenshot of an Integrated Development Environment (IDE) with an open project showing a .env file containing environment configuration settings.
Tous ces éléments peuvent être ajoutés et remplacés, on change les variables d'environnement pour se connecter à la base de données.
Ensuite, plus qu'à lancer WordPress !
On tape :
composer install
et
npm install
puis
php -S 127.0.0.1:8000 -t public/
On va ensuite sur l'URL en question (127.0.0.1) via un navigateur :
WordPress installation setup screen displaying site information fields and password strength indicator with an option to discourage search engine indexing
WordPress installation setup screen prompting user to enter site information and discouraging search engine indexing
Et on remplit le petit formulaire !
Et c'est parti pour le développement de ce plugin !



En vous remerciant de votre visite, n'hésitez pas à me contacter pour toute demande de renseignements, devis ou proposition de collaboration. Je me ferai un plaisir de vous répondre dans les plus brefs délais.
Vous avez aimé cet article ? N'hésitez pas à le partager !

DÉVELOPPONS ENSEMBLE VOS PROJETS

Une idée, un projet ? Je suis là pour répondre à vos demandes et vous accompagner.
N’hésitez pas, je serais ravi d’échanger avec vous sur votre projet !
© 2024 Andy Cinquin - Tous droits réservés - Developed & Designed with ❤️ 🐝 ForHives co-founders