Docker Toolbox, Laradock, PhpStorm 환경의 Xdebug 설정 절차

Xdebug의 설정 순서를 쓴 투고는 많습니다만, 자신의 환경에 맞는 방법이 적고, 설정에 어려웠기 때문에 같은 환경의 사람용으로 남겨 둡니다.

목차

Laradock 설정

PhpStorm 설정

동작 확인

환경

Windows10 Home

Docker Toolbox

Laradock

PhpStorm

1. Laradock 설정

먼저 Laradock을 설정합니다.

$ vi .env

.env

#WORKSPACE_INSTALL_XDEBUG=false
WORKSPACE_INSTALL_XDEBUG=true

#PHP_FPM_INSTALL_XDEBUG=false  
PHP_FPM_INSTALL_XDEBUG=true  

$ vi workspace/xdebug.ini

workspace/xdebug.ini,php-fpm/xdebug.ini

; xdebug.remote_host=dockerhost
xdebug.remote_host=192.168.99.1
#xdebug.remote_connect_back=1
xdebug.remote_connect_back=0
#xdebug.remote_port=9000
xdebug.remote_port=9001
xdebug.idekey=PHPSTORM

#xdebug.remote_autostart=0
xdebug.remote_autostart=1
#xdebug.remote_enable=0
xdebug.remote_enable=1
#xdebug.cli_color=0
xdebug.cli_color=1
xdebug.profiler_enable=0
xdebug.profiler_output_dir="~/xdebug/phpstorm/tmp/profiling"

xdebug.remote_handler=dbgp
xdebug.remote_mode=req

xdebug.var_display_max_children=-1
xdebug.var_display_max_data=-1
xdebug.var_display_max_depth=-1

동일한 설정을 php-fpm의 xdebug에서도 수행합니다.

$ vi php-fpm/xdebug.ini

설정이 완료되면 이미지를 재구성하고 시작합니다.

$ docker-compose up -d --build nginx mysql workspace 

2. PhpStorm 설정

그런 다음 PhpStorm을 설정합니다.
툴바에서 [File], [Settings...]를 선택합니다.


Languages ​​& Frameworks, Servers에서 +를 선택하고 다음과 같이 설정을 추가합니다.

Name: Laradock

Host: 192.168.99.100

Port: 80

Debugger: Xdebug

Use path mappings: 확인

File/Directory: Laravel 프로젝트 폴더

Absolute path on the server:/var/www

[Languages ​​& Frameworks], [Debug]에서 [xdebug]의 Debug port를 변경합니다.

Debug port: 9001

3. 동작 확인

디버깅하려는 행의 숫자 오른쪽을 클릭하면 빨간색 원이 표시됩니다.
이 빨간색 원은 중단점이라 불리며 프로그램이 일시 중지됩니다.


그런 다음 오른쪽 상단의 벌레 마크를 선택하고 디버깅을 실행한 상태에서 브라우저에 액세스하면 중단점에서 중지됩니다.
PhpStorm 하단의 Debugger에 상수와 변수가 표시되면 설정 완료입니다.