Pablo Viquez Blog

Mi vida y cosas relacionadas

Skip to: Content | Sidebar | Footer

Como instalar Eclipse PDT y XDebug en Windows

13 June, 2009 (02:09) | PHP, Web Development, debug, training | By: Pablo Viquez

Este tutorial enseña como ejecutar un script PHP paso a paso haciendo su depuración más sencilla y fácil. Tambien muestra paso a paso como instalar Eclipse PDT y configurarlo para usar XDebug.

Este mismo tutorial esta disponible para descargar, haga click aquí

Que necesita:

  1. Eclipse PDT
  2. Extensión de XDebug

Para este tutorial, se asume lo siguiente:

  1. Ya tiene instalado Apache y PHP.
  2. Se trabajará en modo local “localhost”

Como Instalar Eclipse PDT

1. Descargue eclipse.

eclipse_download

2. Una vez que se ha descargado por completo, descomprímalo en el disco duro (Para efectos de este tutorial usaremos “c:\”)

eclipse_uncompress

3. Haga click derecho sobre “eclipse.exe” y seleccione “Send To / Enviar a” > “Desktop / Escritorio” para crear un acceso directo en el escritorio.

4. ¡Listo!

Como Instalar XDebug

1. Descargue XDebug. (Se asume que se quiere instalar para Apache 2)

xdebug_download

2. Guárdelo en el directorio donde esta PHP. (Para efectos de este tutorial usaremos c:\php).

xdebug_install

3. Abra y agregue estas líneas al final del archivo de configuración de PHP php.ini de la siguiente manera:

[XDebug]
zend_extension_ts="C:\php\php_xdebug-2.0.4-5.2.8.dll"
xdebug.remote_enable=1
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000

xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="RUTA DE UN DIRECTORIO PARA ARCHIVOS TEMPORALES"

NOTA NOTA: Si tiene instalado Zend Server o alguna configuración para hacer debug con Zend Server, debe deshabilitarla, ya que Zend Server y XDebug no son compatibles:

[Zend]
;zend.install_dir="C:\Program Files\Zend\ZendServer"
;zend.conf_dir="C:\Program Files\Zend\ZendServer\etc\"
;zend.pid_dir="C:\Program Files\Zend\ZendServer\logs"
;zend.temp_dir="C:\Program Files\Zend\ZendServer\tmp"
;zend.log_dir="C:\Program Files\Zend\ZendServer\logs"
;zend.data_dir="C:\Program Files\Zend\ZendServer\data"
;zend.httpd_uid=HTTPD_UID
;zend.httpd_gid=HTTPD_GID
;zend.ini_scandir=cfg
;zend.serial_number=
;zend.user_name=

4. Reinicie Apache.

info

TIP: Si al reiniciar Apache no le funcionaba, asegurese que tenga la configuración correcta en el archivo php.ini, también asegurese que la directriz “xdebug.profiler_output_dir” tiene un directorio válido.

Comprobar que fue instalada correctamente

En la raíz del directorio del servidor web, haga una página nueva que se llame “phpinfo.php” y escriba este código:

<?php phpinfo();

Ejecútela en el navegador http://localhost/phpinfo.php y busque XDebug:

xdebug_install_a

xdebug_install_b

Como configurar Eclipse PDT para usar XDebug como depurador de PHP

1. Inicie Eclipse (puede usar el acceso directo que se hizo en los pasos anteriores)

2. En la barra de menú, haga click en: “Window –> Preferences”

xdebug_install_1

3. En el menú de la izquierda, seleccione PHP – Debug, y en las opciones de la derecha seleccione XDebug. Una vez seleccionado,  haga click en “Ok”.

xdebug_install_2

4. Cree un nuevo proyecto, para efectos de este tutorial crearemos un proyecto llamado “XDebug Test”

xdebug_install_3

5. Cree una nueva página con el nombre de “index.php”

xdebug_install_6

6. Escriba el siguiente código:

<?php
for ($i = 1; $i < 10; $i++) {
    echo "\$i contiene: {$i} <br />\n";
}

echo "Terminó!";

7. Seleccione “Run – Debug”

xdebug_install_8

8. Haga click en “ok” para confirmar que quiere cambiar la perspectiva a “Debug”. En esta perspectiva tiene varias opciones para depuración, algunas de ellas son:

  • Resume – F8. Completa la ejecución del script
  • Suspend. Suspende la ejecución.
  • Terminate. Termina la ejecución del script.
  • Step Into – F5. Entra en cualquier función y ejecuta el script paso a paso.
  • Step Over – F6. Ejecuta el script paso a paso, no entra en funciones.

xdebug_install_10

9. En esta perspectiva se pueden ver los siguientes paneles:

  • Debug, panel 1: Nos dice cual script está ejecutando asi como en qué línea del script se encuentra.
  • Variables, panel 2: Todas las variables y su contenido.
  • Panel 3: Línea de código que se está ejecutando.
  • Debug, panel 4: El resultado del script, lo que vería el navegador.

xdebug_install_11

10. Una vez que completa el proceso de depuración veremos esta ventana:

xdebug_install_12

11. Para volver a la perspectiva de desarrollo, haga click en la opción de PHP:

xdebug_install_13

¡Listo!

Espero que les ayude.

Comments

Pingback from Pablo Viquez Blog » Zend Server, 500 Internal Error Server
Time June 14, 2009 at 3:36 pm

[...] Instalé Zend Server en mi computadora ya que estoy probando y comparando XDebug y Zend Server. (Ver Instalación de XDebug) [...]

Comment from Jose Hidalgo
Time June 22, 2009 at 8:03 pm

Muy bueno!, gracias pablor !

Comment from Blue_scape
Time August 7, 2009 at 5:07 am

Es la información más completa que encontrado sobre este tema. Pero tengo un problema, y es que cuando hago degug en eclipse lo unico que hace es darme la opcion de reiniciar script. No puedo ir ‘step by step’, no me muestra información alguna de ninguna variable, etc… Y mira que cambia al modo debug y todo eclipse. Me serviria de gran ayuda tu colaboración.

Comment from Carlos
Time December 28, 2009 at 2:04 am

Claro, conciso y rápido.

Muy bueno.

Pingback from Como hacer debug de PHP – BlogoDev
Time April 22, 2010 at 10:06 am

[...] en parte de: Pablo Viquez Blog :debug, eclipse, php, Tutoriales Posts [...]

Comment from Jesi
Time May 19, 2010 at 10:24 am

Hola, es lo mejorcito que he encontrado por internet gracias por el aporte. Pero tengo un problema, cuando intento depurar eclipse dice que no se han definido los ejecutables de php, podrias ayudarme? que fichero es el que necesito? gracias

Write a comment