聲明

本教程僅供參考，磨刀不誤砍柴工

教程中用到的軟件、插件、工具等

1.PhpStorm 2020.1（破解版）
2.phpStudy 2016（集成環(huán)境，其他的也得）
3.php-8.1.9-nts-Win32-vs16-x64（php版本）
4.php_xdebug-3.2.0-8.1-vs16-nts-x86_64.dll（針對(duì)php版本的xdebug拓展）
5.xdebug helper-1.6.1.crx（瀏覽器插件）
6.360急速瀏覽器13.5 （瀏覽器）
7.RunApi（接口調(diào)試工具，其他的也得）

開(kāi)始

1、集成環(huán)境

微信截圖_20230210112836.png

1.1、習(xí)慣的配置環(huán)境變量（不一定需要哦）

微信截圖_20230210112017.png

2、IDE工具

微信截圖_20230210112849.png

3、站點(diǎn)目錄

微信截圖_20230210121339.png

4、經(jīng)過(guò)下載后的基本文件

微信截圖_20230210121440.png

5、運(yùn)行phpinfo獲取本地php版本信息,并全選phpinfo頁(yè)面內(nèi)的所有數(shù)據(jù)（CTRL+A）

微信截圖_20230210111701.png

6、放到https://xdebug.org/wizard頁(yè)面下進(jìn)行檢索獲取對(duì)應(yīng)php的xdbeug拓展

微信截圖_20230210111712.png

微信截圖_20230210111722.png

微信截圖_20230210111811.png

7、把下載的debug拓展文件放入ext目錄下

微信截圖_20230210122209.png

8、配置php.ini文件，開(kāi)啟debug拓展并配置基本信息（php7跟php8配置上有所區(qū)別，可以去官方網(wǎng)站看，翻譯下就能理解了），php配置修改后記得重啟服務(wù)！

[XDebug]
;https://xdebug.org/docs/profiler#mode 相關(guān)設(shè)置說(shuō)明
zend_extension="E:\tool\phpStudy\php\php-8.1.9-nts\ext\php_xdebug-3.2.0-8.1-vs16-nts-x86_64.dll"
xdebug.mode = debug
;注意注意注意 原本默認(rèn)9000，但是我們nginx重定向使用了這個(gè)端口，所以我們debug就用9100
xdebug.client_port = 9100
;函數(shù)調(diào)用跟蹤信息輸出文件目錄，默認(rèn)值為/tmp
xdebug.trace_output_dir ="E:\tool\phpStudy\tmp\xdebug"
;性能分析文件的存放位置，默認(rèn)值為/tmp
xdebug.profiler_output_dir ="E:\tool\phpStudy\tmp\xdebug"
;性能分析文件的命名規(guī)則，默認(rèn)值為cachegrind.out.%p
xdebug.profiler_output_name = "cachegrind.out.%t.%p"
;用于zend studio遠(yuǎn)程調(diào)試的應(yīng)用層通信協(xié)議
xdebug.remote_handler = "dbgp"
xdebug.idekey = PHPSTORM
xdebug.client_host = "localhost"

xdebug.log ="E:\tool\phpStudy\tmp\xdebug"
xdebug.log_level = 7
xdebug.profiler_append = 0
xdebug.start_with_request = default
xdebug.use_compression = false
;打開(kāi)xdebug的性能分析器，以文件形式存儲(chǔ)，這項(xiàng)配置是不能以ini_set()函數(shù)配置的，默認(rèn)值為0
xdebug.profiler_enable = 1
xdebug.remote_enable = 1

微信截圖_20230210122342.png

9、開(kāi)始配置phpStorm，F(xiàn)ile->Setting->Languages & Frameworks

微信截圖_20230210112108.png

微信截圖_20230210112138.png

微信截圖_20230210112151.png

微信截圖_20230210112201.png

10、配置run/debug，選擇PHP Web Page

微信截圖_20230210112305.png

11、實(shí)驗(yàn)下，在入口處打斷點(diǎn)，然后啟動(dòng)電話(huà)圖標(biāo)（綠了），留在點(diǎn)擊甲蟲(chóng)（會(huì)打開(kāi)默認(rèn)頁(yè)面）

微信截圖_20230210112445.png

微信截圖_20230210112528.png

11.1、啟動(dòng)成功會(huì)進(jìn)入默認(rèn)頁(yè)面，直接放行就好

微信截圖_20230210112600.png

12、復(fù)制頁(yè)面上的url后面的參數(shù)到接口工具上實(shí)驗(yàn)實(shí)驗(yàn)

微信截圖_20230210112615.png

微信截圖_20230210112631.png

13、可以看到接口工具請(qǐng)求方式時(shí)的debug效果了

微信截圖_20230210111311.png

14、我們繼續(xù)實(shí)驗(yàn)通過(guò)瀏覽器的方式使用（前后端聯(lián)調(diào)實(shí)驗(yàn)），電話(huà)啟動(dòng)（綠了，不用點(diǎn)擊甲蟲(chóng)）

微信截圖_20230210112409.png

15、把xdebug helper-1.6.1.crx丟到360急速瀏覽器中，會(huì)自己安裝，然后配置選擇PHPSTORM

微信截圖_20230210122557.png

微信截圖_20230210122652.png

16、在域名（站點(diǎn)是localhost）下啟動(dòng)瀏覽器xdebugging插件，我這里實(shí)驗(yàn)的是請(qǐng)求yii2項(xiàng)目中的debug頁(yè)面

微信截圖_20230210111135.png

微信截圖_20230210124214.png

備注

1. 教程只是在本人環(huán)境下進(jìn)行截圖說(shuō)明的，大家的環(huán)境可能都不一樣，所以只能是借鑒
2. 不要全部照搬，除非你的環(huán)境跟本人一模一樣
3. 如果有workerman業(yè)務(wù)開(kāi)發(fā)的，請(qǐng)不要開(kāi)啟php的xdebug拓展了，不支持