본문 바로가기
컴퓨터/소프트웨어

vscode에서 xdebug로 php remote 디버깅 하기

by 신규하 2017. 3. 13.

Visual Studio Code에서 xdebug를 사용해서 php remote 디버깅을 하는 방법입니다.

Ubuntu에 xdebug 설치하기

xdebug 설치

$ sudo apt-get install php-xdebug

xdebug 설정하기

$ sudo vi /etc/php/7.0/fpm/php.ini

php.ini 파일에 아래 내용을 추가 합니다.

[xDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_port = 9000
xdebug.remote_connect_back = on
xdebug.idekey = "PHPSTORM"

설정이 완료 되었으면 php-fpm을 재시작 해 줍니다.

$ sudo service php7.0-fpm restart

확인하기

phpinfo() 함수로 확인을 해도 되고,

$ php -i |grep xdebug

이렇게 해서 잘 입력이 되었는지 확인 합니다.

VS Code 설정하기

VS Code에 php 설정하기

아래를 참고해서 vscode를 설정합니다.

php debug 설치

F1을 누르고

ext install php-debug

를 쳐서 php용 디버거를 다운로드 받습니다.

php debug 설정

Ctrl + Shift + D를 눌러서 디버그 화면에서 디버그 설정을 선택합니다.


그리고 아래 내용과 같이 입력 해 줍니다.

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000,
            "localSourceRoot": "${workspaceRoot}/",
            "serverSourceRoot": "/home/gyuha/workspace/siteroot/",
            "log": true
        }
    ]
}

여기서 localSourceRoot는 내 작업 공간의 경로이고 serverSourceRoot는 서버에 소스가 있는 경로입니다.

추가로 log는 동작이 확인 되고 나면 제거 해 주셔도 됩니다. 디버깅 신호가 잘 오는지 체크하는데 쓰입니다.

디버깅 하기

디버깅을 하고 싶은 코드에 F9를 누르거나 줄번호 옆을 클릭해서 브레이크 포인트를 걸어 줍니다.

F5를 눌러서 디버깅을 시작 합니다.


http url 웹브라우저로 호출을 해 주면, 브레이크가 걸리게 됩니다.

그러면 끝~

즐 코하세요~


댓글