本地环境 XAMPP+phpStorm+XDebug+chrome 配置和断点调试

爱被打了一巴掌 2022-05-21 11:11 213阅读 0赞

安装环境：XAMPP版本号V3.1.0 ;phpStorm版本8.0.3;windowsxp 32bit。

XAMPP、phpStorm 都直接安装在了D盘根目录，9999m目录建在D:\\xampp\\htocts下，即目录工程文件夹路径为D:\\xampp\\htocts\\9999m。在phpStorm>File>open，找到9999m，点击确定，加载9999m到了phpStorm（安装环境路径根据需要自行更改，后面的配置内容也类似）。图1

![Center][]

在public下新建文件info.php输入内容：<?php phpinfo(); ?>

访问：localhost/999m/public/info.php查看php相关信息

查找xdebug，没找到，需要安装

**安装xdebug:  https://xdebug.org/download.php**

**版本选择：如果不知道需要下载哪个版本，可以在https://xdebug.org/download.php页面的****Releases部分的链接**[installation instructions][]进行php版本分析找到对应的xdebug.

将localhost/999m/public/info.php获取的页面右键查看网页源代码，将源代码全选复制，粘贴到[installation instructions][]页面，

**现在php版本低于7就不能分析对应的xdebug 版本了。**

**按照操作步骤****将下载的xdebug文件复制到xampp/php/ext下，**

**在安装目录下找到php.ini，类似于D:\\xampp\\php\\php.ini文件，在尾部配置xdebug信息：**

**\[XDebug\]  
        zend\_extension = "D:\\xampp\\php\\ext\\php\_xdebug.dll"  
        xdebug.remote\_enable = 1  
        xdebug.remote\_handler = dbgp  
        xdebug.remote\_mode = req  
        xdebug.remote\_port = 9000  
        xdebug\_remote\_host = localhost**

** xdebug.idekey="PHPSTORM"**

**参考：**

\[XDebug\]

zend\_extension = "D:\\xampp\\php\\ext\\php\_xdebug.dll"

xdebug.profiler\_append = 0

xdebug.profiler\_enable = 1

xdebug.profiler\_enable\_trigger = 0

xdebug.profiler\_output\_dir = "D:\\xampp\\tmp"

xdebug.profiler\_output\_name = "cachegrind.out.%t-%s"

xdebug.trace\_output\_dir = "D:\\xampp\\tmp"

xdebug.remote\_enable = on

xdebug.remote\_handler = "dbgp"

xdebug.remote\_host = "127.0.0.1"

xdebug.idekey= PHPSTROM

其中remote\_host 是指调试客户端的地址，即IDE所在的IP，同理remote\_port 是客户端的端口，这两项在远程调试的情况下注意修改，远程的时候最终改为:

\[XDebug\]

zend\_extension = "D:\\xampp\\php\\ext\\php\_xdebug.dll"

xdebug.profiler\_append = 0

xdebug.profiler\_enable = 1

xdebug.profiler\_enable\_trigger = 0

xdebug.profiler\_output\_dir = "D:\\xampp\\tmp"

xdebug.profiler\_output\_name = "cachegrind.out.%t-%s"

xdebug.remote\_enable = 1

xdebug.remote\_handler = "dbgp"

xdebug.remote\_mode = "req"

xdebug.remote\_port = 9000

4.      保存文件，重新启动apache检查是否成功开启了xdebug服务。图3

![Center 1][]

一种方法为在CMD里输入D:\\xampp\\php\\php.exe -m 看到XDebug，说明成功开启XDebug。图4

![Center 2][]

另一种方法为浏览器打开localhost，找到phpinfo（）点击打开配置情况，查找xdebug项，找到了说明xdebug配置成功。图5

![Center 3][]

至此，服务器端配置完毕。

5.      下面是客户端调试。打开phpStorm，进入File>Settings>PHP，这里要interpreter浏览，填D:\\xampp\\php\\php.exe，自动识别版本。图6

![Center 4][]

6.      进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost，host填localhost，port填80，debugger选XDebug。图7

![Center 5][]

7.      进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000，其他默认。图8

![Center 6][]

8.      进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host 填localhost，port填9000（填80也可以，自己试试吧），点OK退出设置。图9

![Center 7][]

9.      进入Run> Debug configurations，点\+号，Server选填localhost，start url填http://localhost/9999m， Browse 填chrome，点OK退出设置。图10

![Center 8][]

点OK退出设置之后，phpstorm运行按钮旁边自动填充localhost，且运行按钮由灰色被激活成为绿色。如果start url填的是[http://localhost][http_localhost]，没有填写9999m，则当点击phpstorm运行按钮，浏览器进入默认地址[http://localhost][http_localhost]，没办法直接访问[http://localhost/9999m][http_localhost_9999m]。图11

![Center 9][]

10.   chrome浏览器链接配置。找到对应的插件，chrome的为phpstrom IDE Support chrome.crx，

IDE Support插件下载地址：http://www.cnplugins.com/down/predown.aspx?fn=1502/www.cnplugins.com\_hmhgeddbohgjknpmjagkdomcpobmllji\_2\_0\_7\_.crx&aid=24955

xdebug插件下载地址：http://chromecj.com/web-development/2018-04/980/download.html

自己下载然后拖动文件到chrome设置>扩展程序。Chrome右上角增加了JB图标即为成功安装插件。图12

![Center 10][]

11.   在phpStorm里打开监听，就是一个电话一样的按钮，点击变为绿色，在程序代码点前点击，设置程序段点，点击绿色的debug爬虫按钮，chrome浏览器打开xdebug页，phpStorm出现debug窗口，并获取到variables值，即为看到下面的debug信息，说明成功配置。图13

![Center 11][]

参考：

http://blog.sina.com.cn/s/blog\_65cee6990102vlb4.html

https://blog.csdn.net/qq\_33862644/article/details/76677879

https://blog.csdn.net/qq\_26165249/article/details/54783346

https://blog.csdn.net/ysydao/article/details/53234129

[Center]: /images/20220521/9cd9ee171563420788e03007cf57cc16.png
[installation instructions]: https://xdebug.org/wizard.php
[Center 1]: /images/20220521/7169f8bb620c48e2beb5f792e4dbfb84.png
[Center 2]: /images/20220521/f151dfab2b2a401a91eabc871b132944.png
[Center 3]: /images/20220521/baca378943ea47efb2f576c5c65f8ba2.png
[Center 4]: /images/20220521/d012d584dd734dc7ac031db553cd94ee.png
[Center 5]: /images/20220521/57eaa5f203bf45af9104a256536657c5.png
[Center 6]: /images/20220521/79afd2f7a35442398c88bb7fbfaacc8d.png
[Center 7]: /images/20220521/123d97007d58475a9804d7f11e7055a0.png
[Center 8]: /images/20220521/0d995709b93947b6b9dfb753e94a5b97.png
[http_localhost]: http://localhost/
[http_localhost_9999m]: http://localhost/9999m
[Center 9]: /images/20220521/fb26d87b093b4545875b7c0de3419374.png
[Center 10]: /images/20220521/bc5c3d143322460aa32f21d3caacdbc3.png
[Center 11]: /images/20220521/ba443525e45a438ea2697ca715f996c9.png