Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Docker/xdebug»

De WikiEducator
Saltar a: navegación, buscar
(→‎Partes implicadas)
 
(5 revisiones intermedias por el mismo usuario no mostrado)
Línea 6: Línea 6:
 
*Configurar parámetros en  la herramienta phpstorm
 
*Configurar parámetros en  la herramienta phpstorm
 
*Descargar un plugin para el navegador
 
*Descargar un plugin para el navegador
−
{{Imagen:docker_xdebug.png}}
+
[[Archivo:docker_xdebug.png]]
  
 +
===En el servidor===
 +
*Vamos a hacer una instalación directa en el docker, posteriormente esto lo tendríamos que especificar en el '''''dockerfile'''''
 +
*Entramos en docker  e instalamos '''''xdebug'''''
 +
<source lang=bash>
 +
apt-get install php-dev php-pear
 +
pecl install xdebug
 +
</source>
 +
*Ahora tenemos que modificar el fichero de configuración de '''''php''''' para '''''apache'''''. (Si observamos, ya en la última línea de instalación de xdebug, nos informa de ello
 +
[[Imagen:instalando_xdebug_docker.png|600px|center]]
 +
*Entramos en el fichero y escribimos las siguientes líneas
 +
<source lang=bash>
 +
zend_extension=xdebug.so
 +
xdebug.mode=develop,coverage,debug,profile
 +
xdebug.idekey=docker
 +
xdebug.start_with_request=yes
 +
xdebug.log=/dev/stdout
 +
xdebug.log_level=0
 +
xdebug.client_port=9003
 +
xdebug.client_host=<YOUR_COMPUTER_IP>
 +
</source>
 +
===En phpstorm===
 +
*1.- Verificamos que se conecta bien a docker
 +
[[Imagen:conectando_docker.png]]
 +
*2.- Establecemos configuración del servidor en phpStorm
 +
File > Settings > PHP > Servers
 +
*Ahí configuramos bien nuestro servidor que está en docker
 +
*3.- Ahora añadimos una configuracion para Php Remote Debug
 +
[[Imagen:configurando_xdebug_remote.png]]
  
 +
 +
===Plugin para el navegador===
 +
*Instalamos Xdebug helper para chrome
 +
*Debe de estar habilitado para debugar con phpstorm e ir visualizando la salida
 +
https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc
 
</div>
 
</div>

Última revisión de 15:59 15 nov 2022


Partes implicadas

  • Tenemos que realizar configuración en el servidor.
  • Configurar parámetros en la herramienta phpstorm
  • Descargar un plugin para el navegador

Archivo:Docker xdebug.png

En el servidor

  • Vamos a hacer una instalación directa en el docker, posteriormente esto lo tendríamos que especificar en el dockerfile
  • Entramos en docker e instalamos xdebug 
apt-get install php-dev php-pear
pecl install xdebug
  • Ahora tenemos que modificar el fichero de configuración de php para apache. (Si observamos, ya en la última línea de instalación de xdebug, nos informa de ello
Instalando xdebug docker.png
  • Entramos en el fichero y escribimos las siguientes líneas 
zend_extension=xdebug.so
xdebug.mode=develop,coverage,debug,profile
xdebug.idekey=docker
xdebug.start_with_request=yes
xdebug.log=/dev/stdout
xdebug.log_level=0
xdebug.client_port=9003
xdebug.client_host=<YOUR_COMPUTER_IP>

En phpstorm

  • 1.- Verificamos que se conecta bien a docker

Conectando docker.png

  • 2.- Establecemos configuración del servidor en phpStorm 
File > Settings > PHP > Servers
  • Ahí configuramos bien nuestro servidor que está en docker
  • 3.- Ahora añadimos una configuracion para Php Remote Debug

Archivo:Configurando xdebug remote.png


Plugin para el navegador

  • Instalamos Xdebug helper para chrome
  • Debe de estar habilitado para debugar con phpstorm e ir visualizando la salida 
https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/ProgramacionWeb/Docker/xdebug&oldid=29884»