Débugger avec Xdebug,XAMPP et PDT

Transcription

1 Débugger avec Xdebug,XAMPP et PDT Pour la plupart des projets, l utilisation de echo et de var_dump() suffit pour debugger vos scripts. Le mode web est en «page à page», il est donc rare d avoir des scripts de plusieurs milliers de lignes comme on pourrait en avoir avec les langages compilés. Il peut toutefois parfois être intéressant de faire du debuggage pas à pas et de pouvoir jouer avec les valeurs de vos variables. INSTALLATION DE XDEBUG AVEC Xampp XDebug permet de faire trois choses : - améliorer la gestion des erreurs de PHP (afficher plus d informations lors d erreurs PHP, optimisation de la présentation de var_dump()); - faire du profiling (à utiliser avec kcachegrind ou wincachegrind); - debugger vos scripts. XDebug n est pas un extension standard de PHP, Xdebug est présent dans le XAMPP. Vous le trouverez sous c:\xampp\php\ext\php_debug.dll Editez le fichier php.ini dans c:\xampp\php et décommentez en fin de fichier les lignes suivantes : zend_extension = "C:\xampp\php\ext\php_xdebug.dll" xdebug.profiler_append = 0 xdebug.profiler_enable = 1 xdebug.profiler_enable_trigger = 0 xdebug.profiler_output_dir = "C:\xampp\tmp" xdebug.profiler_output_name = "cachegrind.out.%t-%s" xdebug.remote_enable = 0 xdebug.remote_handler = "dbgp" xdebug.remote_host = " " xdebug.trace_output_dir = "C:\xampp\tmp" Une fois ces lignes décommentées, passez le paratre suivant à 1 : xdebug.remote_enable = 1 Refermez le fichier php.ini et redémarrez votre service Apache, XDebug devrait maintenant être chargé. -Allez sur - lancez la fonction phpinfo() pour vérifier que xdebug est monté.

2 CONFIGURATION DE PDT AVEC XDEBUG Nous allons maintenant configurer PDT pour qu il utilise les fonctionnalités de debuggeur de XDebug. Si ce n est pas déjà fait, commencez par télécharger et installer PDT : Lors du lancement de PDT, choisissez «c:\xampp\htdocs\» comme WorkSpace. Dans le menu du haut, choisissez window -> preferences. Rentrez maintenant dans le menu «PHP» et cliquez sur «debug». Il existe deux façons de debugger du PHP avec PDT. La première (server) passe par votre serveur web en faisant un appel à localhost. La deuxième (PHP executable) fait un appel direct à l exécutable de PHP.

3 Nous allons travailler avec la première solution qui nous offre plus de fonctionnalités et permet, notamment, d utiliser les méthodes GET et POST. Par défaut, PDT est livré avec des configurations type pour fonctionner avec XDebug et Zend Debugger. Comme le montre la capture d écran ci-dessus, choisissez XDebug. Si votre serveur n est pas local (localhost), il faudra également modifier la configuration de votre serveur identifié sous PDT par Default PHP Web Server. Voilà, la configuration de base de PDT est terminée, nous allons maintenant pouvoir utiliser PDT pour debugger en mode pas à pas et avec des points d arrêt. UTILISATION DE PDT COMME DEBUGGEUR Voyons maintenant comment utiliser tout cela. La première chose à faire est de créer un nouveau projet PHP au sein de PDT. Pour cela cliquez sur file -> new -> PHP Project. Donnez un nom à votre projet (dans la suite de cet article, notre projet s appellera «resa»). Un répertoire du même nom va être automatiquement créé dans votre répertoire «www». Vous allez placer ou créer vos scripts PHP dans ce répertoire. Si nécessaire, appuyez sur F5 dans PDT pour que vos scripts apparaissent. Ouvrez votre script PHP en double cliquant dessus. Votre code source devrait apparaître dans la fenêtre centrale de PDT. Nous allons maintenant passer en mode debuggage. Cliquez sur l icône en forme d insecte sur la barre d outil et choisissez Debug As -> PHP Web Page.

4 Cela devrait ouvrir une fenêtre de votre navigateur par défaut (Firefox par exemple) et vous faire basculer sur une perspective de debuggage dans PDT (vous pouvez retrouver les perspectives en haut à droite de PDT). Cette perspective est découpée en 5 fenêtres : - en haut à gauche, une fenêtre de «debug» qui vous donne des informations sur le debuggage en cours et dispose de la barre d outils de debuggage. - à droite de cette fenêtre, une autre qui vous donne accès aux variables de votre script et aux points d arrêt définis. - en dessous, une fenêtre qui présente votre code, vous montre la ligne courante et permet de définir/annuler des points d arrêt - encore en dessous, la fenêtre de console. - et enfin, à droite, la fenêtre d Output. Pour debugger, utilisez la barre d outils de la fenêtre «debug». Vous pouvez également ajouter des points d arrêt dans votre code. Pour cela double-cliquez sur la barre grise se trouvant à gauche de votre code (idem pour retirer les points d arrêt). Des petites boules vont apparaitre pour signaler ces points d arrêt.

5 Au fur et à mesure que vous allez avancer dans le debuggage de votre page, vous pourrez voir le résultat s afficher directement dans votre navigateur. MODIFIER LES VARIABLES EN COURS DE DEBUGGAGE Il va souvent être utile de modifier le contenu de vos variables en cours de debuggage. Pour cela sélectionnez la variable souhaitée dans la fenêtre d affichage des variables et modifiez simplement sa valeur.