[PHP7] VSCode XDebug 사용

전에 깔려있던 7. 대 버전을 8.대로 모두 올렸다.

코드 작업은 따로 하지 않았기 때문에 편하게..

 

모두 전반적으로 설정한 뒤.

XDebug를 사용하기 위해 설치해주어야 하는 파일이 있다.

 

https://xdebug.org/wizard

Xdebug: Support — Tailored Installation Instructions

위 사이트에 접속 한 뒤,

 

<?php
	phpinfo();
?>

를 통해 나오는 웹 브라우저에서

오른쪽 마우스 클릭 > 페이지 소스 보기 > 모두 드래그 > 복사 > 사이트에 붙여넣기 한다.

 

[Windows]

해당 작업을 따라해 주면 된다.

[Mac]

 

그리고 크롬에서 확장 프로그램을 추가해준다.

Xdebug helper

chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc

Xdebug helper

 

VSCode에서 필요한 것들을 모두 설치한다.

 

여기서 zend_extention을 추가해주었던 php.ini의 하단에서 추가를 해주어야 한다.

v3.0 이상과 v2.0 사이에 설정은 서로 다르다는 것을 참고해주어야 했다

 

v3.0 이상

xdebug.mode = debug
xdebug.start_with_request = yes
xdebug.client_port = 9000

 

v.2.0 이상

xdebug.remote_enable = 1
xdebug.remote_autostart = 1

 

자신이 맞는 버전에 맞게 사용하도록 하면 좋을 것 같고 나는 3.0이상 버전을 다운받았기 때문에 아래 말고 위를 사용했다.

다른 분들은 localhost도 하고 뭐도 하고 설정이 많았는데, XDebug 홈페이지에서 다른 여러 기술들을 지원해주는 것 같아서 필요에 따라 참고해주면 좋을 것 같았다

모든 설정이 완료되면 with Xdebug 설정이 된 것과 xDebug 관련 설정들을 확인할 수 있다

 

자신이 세팅하고 싶은 Windows, Mac 중 하나를 선택해서 사용해주면 되었다.

 

[Windows]

VSCode에서 위 아이콘을 눌러서 Setting을 해주었는데

Setting.json 설정은 다음과 같았다

{
    "files.autoGuessEncoding": true,
    "terminal.integrated.shell.windows": "C:\\APM\\php_8.0.1_x64\\php.exe",
    "php.validate.executablePath": "C:\\APM\\php_8.0.1_x64\\php.exe"
}

 

launch.json 설정은 다음과 같이 했다

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000,
            "runtimeExecutable": "C:\\APM\\php_8.0.1_x64\\php.exe"
        }
    ]
}

 

 

[Mac]

Setting.json

{
    // ..
    "php.validate.executablePath": "/usr/local/bin/php",
    // ..
}

launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000,
            "runtimeExecutable": "/usr/local/Cellar/php@7.4/7.4.14_1/bin/php"
        }
    ]
}

 

 

크롬에서 설치한 XDebug helper를 실행하고 Debug 모드로 설정 후,

VSCode에서 BreakPoint를 걸고, Start Debugging을 하면 디버깅이 가능했다.

 

성공이고 이 상태에서 웹 사이트를 보면

마치, 버프슈트를 이용해서 프록시를 건 것 처럼 계속 로딩이 돌고 있는 것을 확인할 수 있다.

해당 디버깅이 끝나면 로딩이 끝났다

 

 

이것 저것 다른 블로그를 참고한다고 설정이 뒤죽박죽 되었을 수도 있는데

잘 정리해서 남겼다고 생각한다