Saltar la navegación

4.2.- Depuración de código en PHP.

Imagen de una amriquita roja — djcowan (Dominio público)

Entre las características de depuración que incorpora Xdebug destacan:

Creación de registros con las llamadas a funciones que se produzcan, incluyendo parámetros y valores devueltos.
Creación de registros de optimización, que permitan analizar el rendimiento de los programas.
Depuración remota.

Vamos a centrarnos en la depuración remota utilizando VSC con la extensión "PHP Debug" instalada.

Paso 1: Abrimos el archivo PHP del que vayamos a hacer el debug (en este caso "cesta.php"). Le damos al Triángulo con el "bug" encima.
Paso 2: La primera vez nos pide crear un archivo "launch.json" con la configuración. Pulsamos sobre "create launch.json file".
Paso 3: Al pulsar nos pide el lenguaje del fichero sobre el que vamos a hacer debug, seleccionamos PHP.
Paso 4: Vemos que nos ha creado un json con una configuración estándar, si no hemos cambiado nada en Xdebug lo dejamos tal cuál.
Paso 5: Ponemos de ejemplo dos "BreakPoints" en cesta.php.
Paso 6: Le damos a RUN para empezar la depuración.
Paso 7: Cargamos el archivo "cesta.php", en el navegador, para llegar a él hacemos login, seleccionamos dos o tres productos de listado.php y pulsamos "Ir a cesta", en este momento vemos que se nos abre VSC. Nos aparece la linea 9 (donde pusimos el primer Beakpoint) de amarillo y arriba tenemos un pequeño panel de botones (continue, step into, step over ...) si observamos a la izquierda ya me aparecen variable y sus valores, en el caso de $listado aparece uninitialized.
Paso 8: Como se ha parado en la llamada a consultar producto, le damos a "step into (F11)" y vemos que se nos abre en VSC la página conexión.php y la función consultarProducto(), en el panel de arriba le damos a continuar (play)
Paso 9: Vemos que a la izquierda la variable $listado, que antes no estaba inicializada, guarda ya el nombre y el precio del primer producto, si repetimos lo mismo vemos que listado se va llenando con los datos de los productos seleccionados.

Empezando. (Paso 1)

Imagen de Visual Studio Code con el archivo cesta.php abierto a la derecha y a la izquierda se puede ver un icono de un triágulo con un bicho encima y el texto run — Captura de pantalla Visual Studio Code (Elaboración propia)

Pasos 2 y 3.

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php y a la izquierda en una columna un boton descativado en azul con el texto Run and Debug y debajo un enlace para crear el fichero de configuración. — Captura Pantalla Visual Studio Code (Elaboración Propia)

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php, encima y en una lista desplegable con el texto en inglés: selecciona entorno, unos lenguajes entre los que aparece PHP — Captura de pantalla Visual Studio Code (Elaboración propia.)

Paso 4.

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo launch.json creado. — Captura de pantalla Visual Sudio Code (Elaboración propia)

Pasos 5 y 6.

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php y en las lineas 9 y 13 del código, al principio y fuera de este, dos puntos rojos. — Captura de pantalla Visual Studio Code (Elaboración propia)

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php, a la izquierda un bocadillo con el texto Pusar aquí señañando al boton que inicia la depuración. — Captura de pantalla Visual Studio Code (Elaboración propia)

Paso 7.

Imagen de una página web con una tabla e la que hay una relación de productos y sus precios y diferentes botones, tenemos seleccionados 5 productos de ejemplo. — Captura de pantallaVisual Studio Cod/span>e (Elaboración propia) (Elaboración propia)

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php, la linea 9 aparece resaltada de amarillo y arriba aparecen unos botones. El cursor está encima del boton con una flecha vertical encima de un punto y aparece el texto en ingles Step Into. — Captura de pantalla Visual Studio Code (Elaboración propia)

Pasos 8 y 9.

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo conexion.php, vemos su linea 15 (en la función consultar producto) resaltada de amarillo.) — Captura de pantalla Visual Studio Code (Elaboración propia)

Imagen de Visual Studio Code abierto, a la derecha se puede ver código del archivo cesta.php , en él se puede ver la línea 9 resaltada de amarillo, a la izquierda podemos ver una serie de variable y sus valores, en azul la variable listado, de tipo array vemos como a tomado un primer valor con el nombre y el precio de un producto de los selecionados. — Captura de pantalla Visual Studio Code (Elaboración propia)

Recomendación

Una vez que este depurando puedes utilizar los siguientes atajos de teclas (suelen ser comunes para todos los depuradores).

Continuar tecla F5: Continua la depuración.
Step Into tecla F1: Ejecuta la siguiente línea de código. Si esa línea es una llamada a otra función, el programa entrará en esa función.
Step Over tecla F10: Igual que la anterior, pero si la siguiente línea es una función, la ejecuta sin entrar en ella.
Step Out tecla Shift+F11: Sale de la función actual.
Stop tecla Shift+F5: Detiene la depuración.

Autoevaluación

Solución

Opción correcta (Retroalimentación)
Incorrecto (Retroalimentación)