PHPStorm con X- Debugger y Homestead

Resultado final

Primero que todo debes poner una ip fija a tu pc físico, no ha homestead sino al pc como tal, en el cual corres homestead.

De lado de Homestead

Entrar al ssh de vagrant y editar el archivo 20-xdebug.ini para que quede

zend_extension=xdebug.so
xdebug.idekey=”PHPSTORM”
xdebug.remote_enable=true
xdebug.remote_connect_back=false
xdebug.remote_host=IP_FISICA_DE_TU_PC
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.remote_log=/tmp/xdebug.log
xdebug.remote_autostart=false

Reiniciamos el servicio sudo service php7-fpm restart

— puede variar según la versión de php, escribe hasta php y usa tab para que autocomplete —

De lado de PHPStorm

En Settings -> languages & Frameworks -> PHP -> Debug

En Settings -> languages & Frameworks -> PHP -> Debug -> DBGp Proxy

En Settings->languages & Frameworks -> PHP -> Servers

En name y host poner la url de nuestra app, es como la ponemos en /etc/hosts y Homestead.yaml. Mapear solo la carpeta principal y el index.php. No da autocompletador escribelo manual y al terminar enter.

Del lado del navegador

En Chrome instalar la extensión.

Esto agrega un icono en las extensiones, click derecho encima y click en opciones

Esto agrega un icono en las extensiones, click derecho encima y click en opciones

Importante que el IDE KEY quede igual


USAR

En el navegador, abrir una pestaña con nuestro proyecto, click en el icono de debugger, debe quedar en verde.

En PHPStorm click en el teléfono para que quede en verde, significa que esta escuchando.

Poner un punto de intersección en el código para que se detenga la ejecución en ese punto.

Recargar el navegador, el se debe quedar cargando y PHPStorm debe mostrar la consola con la data activa en ese punto.

Para continuar la ejecución click en el triángulo verde del lado derecho.

.

Like what you read? Give Oscar Ricardo Sánche Gutierréz a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.