macOS配置PHP+phpstorm+xdebug+chrome xdebug插件打造debug完美体验

一时失言乱红尘 2023-02-10 13:30 24阅读 0赞

# 前言 #

> 网上看到了n多教程，有过时的，也有最近几个月的，参差不齐，导致很多小白(比如我)弄了很久都没有成功，不过最终还是安装成功了，遂将成功经验分享给大家。  
> 怎么说呢，安装xdebug真的没有想象中的那么难，其实很简单的几步就能完成，那么话不多说，开始。

# 0x01安装PHP #

很简单，用mac下的神器Homebrew

brew install php

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70]  
可以看到安装路径在

/usr/local/etc/php/7.4

# 0x02下载xdebug #

pecl install xdebug

可以看到已经将xdebug放到

/usr/local/Cellar/php/7.4.6/pecl/20190902/xdebug.so

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 1]

# 0x03 编辑php.ini #

vim /usr/local/etc/php/7.4/php.ini

往文件末尾添加，`注意这里的所有路径全都是相对于我这个环境而言的`

[Xdebug]
    zend_extension ="/usr/local/Cellar/php/7.4.6/pecl/20190902/xdebug.so"
    xdebug.remote_host= 127.0.0.1
    xdebug.remote_port = 9002
    xdebug.remote_enable = 1
    xdebug.idekey=PHPSTORM
    xdebug.scream=0
    xdebug.remote_connect_back=1

既然我是小白，那么我也不一定会使用vim，怎么办？

cd /usr/local/etc/php/7.4/
    open php.ini

然后往文件末尾添加就完事  
至此，xdebug就已经安装并且配置好了，是不是so seay？  
测试是否安装好:

php -a #交互式
    输入phpinfo();

如果有如下图所示的字样，就代表配置成功了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 2]  
我是小白，我不会操作怎么办？(一句话，不求人)

php -r "phpinfo();" | grep xdebug

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 3]  
如果和我这个图差不多，那就代表成功了

# 0x04配置phpstorm #

打开phpstorm之后，打开设置(Command⌘+,)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 4]  
由于我这里是汉化的，所以需要找到language & Frameworks  
然后找到PHP  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 5]  
点击那三个小点  
这里的PHP excutable需要你找到本地PHP的路径  
我这里是

/usr/local/Cellar/php/7.4.6/bin/php

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 6]  
如上图配置，这里也可以看到xdebug是否配置成功哈  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 7]

退出来，单击PHP，找到Debug

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 8]  
将端口号改为9002

Debug->DBGp Proxy  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 9]  
如上图配置  
至此phpstorm配置完毕

# 0x05配置Google Chrome #

首先找到扩展程序，找不到没关系  
URL输入

chrome://extensions/

点击左上角扩展程序，最下方有个chrome网上应用商店  
搜索

xdebug helper

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 10]  
添加之后  
回到扩展程序  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 11]  
点击详细信息  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 12]  
单击后如下图配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 13]  
空的就空着，不用填写

# 0x06享受debug的快乐 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 14]  
首先点击小虫子，然后点击那个听筒一样的按钮，最后点击chrome这个小按钮  
oh对了  
![在这里插入图片描述][2020052109361377.png]  
chrome里面的那个xdebug插件得打开，也就是debug  
不得不说xdebug是真的舒服，确实是代码审计的利器

# 0x07后言 #

> xdebug已经配置好了，那么下一步计划肯定是学习代码审计了，下一篇文章应该是介绍如何使用xdebug和代码审计的一个流程了，敬请期待，技术是不断更新的，所以说以前配置xdebug的教程在现在来说不一定有用，也就是技术被淘汰了，所以导致我也走了很多弯路，不吐槽了，那么如果您看到这里仍没有安装成功xdebug的话，请在下方留言，如果您觉得我写的不错？那就留下小小的赞吧，您的支持将是我创作最大动力

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200521081858113.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200521082721722.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200521084734321.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200521085956337.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200521090435916.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200521090633567.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200521090733421.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200521090848338.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200521091103734.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200521091013316.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200521092226262.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200521092334321.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20200521092410926.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20200521092458211.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20200521093207844.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dkXzk5ODg=,size_16,color_FFFFFF,t_70
[2020052109361377.png]: https://img-blog.csdnimg.cn/2020052109361377.png