Une introduction au débogage
Dans le post le plus récent de cette série, j’ai parcouru le processus d’intégration de Xdebug avec votre IDE. Et étant donné que j’utilise Visual Studio Code comme IDE de choix, c’est aussi l’IDE que j’utilise comme exemple.
De plus, il est multiplateforme, assez facile à démarrer pour les débutants, mais assez puissant pour s’étendre et fonctionner pour les programmeurs plus expérimentés (et pour le reste d’entre nous qui se situent entre les deux).
Dans le dernier message, j’ai déclaré que je ferais une série de screencasts. Concrètement, j’ai écrit ceci :
À partir du prochain article, je commencerai à partager des screencasts expliquant comment déboguer des fonctions et des variables, modifier des valeurs à la volée, travailler avec la console de débogage, etc.
Dans cet article, je vais avoir un court screencast fournissant une introduction au débogage de WordPress la première partie de cette série. À savoir, lancer une instance d’un site construit à l’aide de WordPress et utiliser les bases du débogage d’un plugin.
Une introduction au débogage
Parce que ce screencast est le premier d’une série et parce que je ne veux pas supposer qu’une personne a une expérience antérieure, je vais commencer au niveau le plus basique.
C’est-à-dire que je suppose que vous avez :
- un site mis en place et paramétré,
- la possibilité d’y accéder dans un navigateur Web,
- un ensemble de base de plugins tels que Hello Dolly fourni avec WordPress.
Si vous n’avez aucun des éléments suivants, veuillez consulter les messages suivants :
- Installer WordPress pour le développement local
- Installation de Xdebug, partie 1 : le module Xdebug
- Installation de Xdebug, partie 2 : l’IDE
Une fois cela fait, vous devriez avoir tout ce dont vous avez besoin pour commencer à parcourir le processus de débogage actif d’une application en cours d’exécution.
Faisons quelques screencasts
L’objectif des screencasts est double :
- gardez-les courts,
- présentez au moins une chose pratique que vous pouvez retirer en les regardant.
Parce que je sais que nous sommes tous occupés et parce que je pense que les vidéos ont tendance à prendre plus de temps qu’elles ne le devraient, je veux essayer d’être aussi concis et direct que possible lorsque je parcoure un aspect du débogage.
De plus, puisque tout est censé commencer à zéro, pourquoi ne pas commencer avec un plugin inclus avec WordPress? C’est quelque chose que nous avons tous, cela fonctionnera avec le contenu qui a déjà été écrit, et cela jettera les bases d’un débogage plus avancé.
Parcourir un plugin
Dans ce screencast, nous allons examiner la définition de quelques points d’arrêt dans Hello Dolly et l’inspection de la valeur de certaines variables. Voilà, rien de plus.
Plus tard, nous verrons des choses plus avancées qu’un débogueur a à offrir, mais cela commence par les bases. Et le but n’est pas seulement de le laisser avec ce plugin non plus. Au lieu de cela, il est destiné à vous montrer comment tirer parti des outils dont nous disposons, puis commencer à les appliquer dans votre travail.
Suivant
Dans le prochain article, nous allons examiner des choses plus avancées que nous pouvons faire, comme entrer dans des fonctions, sortir de fonctions et enjamber des fonctions.
Après cela, nous tournerons notre attention vers des choses plus avancées telles que la surveillance des variables tout au long de la durée de vie de l’exécution d’un plugin, puis comment modifier les variables pendant l’exécution.
Pour l’instant, cependant, pourquoi ne pas prendre le temps de s’entraîner et de définir un point d’arrêt dans quelques plugins différents ou dans quelques zones de code différentes dans une application spécifique à WordPress ?