一、开章废话
(全体祷告)PHP是世界上最好的语言!bala bala~
是不是有很多小伙伴看到java,.net 程序猿朋友在IDE打断点调试,感觉很COOL。其实PHP也有很多DeBug工具,工欲善其事,必先利其器。So,今天让我们来一起从0开始配置一个PHP Debug环境。
PHP优秀的Debug工具也有很多,像Xdebug,zend-debug等等,这些都是帮助我们在程序中进行断点调试的利器。网上也有很多类似的教程过程也很详细,但是很多设置讲的并不清楚,也不完整,鱼龙混杂,最重要的是,不好使!不好使!不好使!所以就将我的配置过程贴出来,以帮助很多不知道的小伙伴。
二、必要准备
虽然说,从0开始,但~呃~,phpStorm、PHP,我们这次使用的环境如下:
- Ubuntu16.04
- Apache2.4
- php7.0
- phpStorm 2017.3.3
三、安装Xdebug
apt install php-xdebug
编辑php.ini
vim /etc/php/7.0/apache2/php.ini
###将下面这段文字沾进去
[XDbug]
xdebug.profiler_enable=1
xdebug.profiler_output_dir="/var/tmp" ##如果上面的配置为1,会在这里生成大量临时文件,巨多,注意删除
xdebug.remote_enable=1
xdebug.remote_port=9000 ##调试端口默认就是9000
xdebug.remote_host="localhost" ##转发使用的域名,默认本机localhost
检查cli扩展是否安装成功
php -m | grep xdebug
检查Apache扩展,
phpinfo()
出现下面这段配置说明xdebug安装成功,并且使用了phpStorm作为IDE工具配合。
image.png
如果出现下面这些配置信息说明Xdebug生效了,简单介绍一下配置项
- xdebug.remote_enable 远程调试开启(因为phpStorm要监听服务)
- xdebug.remote_handler 远程调试控制插件为dbgp,这个要在phpStorm配置
- xdebug.remote_host 服务地址
-
xdebug.remote_port 服务端口
image.png
经过上面几步Xdebug扩展就安装好了!
四、配置phpStorm
1、配置php
依次打开:phpStorm -> settings -> Languages & Frameworks -> PHP
点击下图CLI Interpreter项的...按钮
出现弹出框选择你的php执行命令安装位置(我的是/usr/bin/php7.0) image.png
看到上面Debugger: Xdebug 2.6.0了吗?如果有这行小字,说明你的Xdebug是可以用的。
2、配置Servers
依次打开:phpStorm -> settings -> Languages & Frameworks -> PHP -> Servers
如下图,点击左上角小加号,新增一个服务器,配置一下你主机开启的webServer 的主机地址端口,Debugger选择 Xdebug,选择好你的目录映射关系。
3、配置Debug
依次打开:phpStorm -> settings -> Languages & Frameworks -> PHP ->Debug
,看到面板里的如下图中Xdebug项目栏中的配置了吗?端口9000;,没错就是php.ini中的配置xdebug.remote_port
。
4、配置DBGp Proxy插件
依次打开:phpStorm -> settings -> Languages & Frameworks -> PHP ->Debug ->DBGp Proxy
还记的phpinfo 里面的xdebug.remote_handler
配置的dbgp 就是他 配置如下(按照你的项目配置来)
5、配置调试配置项
这个比较隐蔽,位置在phpStorm顶部工具栏下面的右上角,有一排小按钮如图:
image.png
点击图中的第一个按钮的灰色倒三角出现下拉框,如下
image.png
选择 Edit Configurations... 进入面板如下图:
image.png
点击左上小加号出现下拉框如下图
image.png
选中PHP Web Page 右侧出现编辑面板
image.png
选择自己刚才新建的服务器,选择浏览器Chrome
五、配置Chrome
安装php-Xdebug chrome 插件,因为众所周知的原因,你需要爬一下墙头,不过国内也有镜像,留个家庭作业,自己百度一下。
下载完以后,在浏览器扩展安装上Xdebug,装完以后就能看到一只灰色的小强!
image.png
右键小强,出现配置项,IDE key一项中选择咱们的phpstorm。
image.png
再次左键小强,选中Debug,小强变身王者绿!
image.png
OK,大功告成!
六、使用
回到phpStorm中,在你的代码里的行号一栏中点击一下,这一行就会变红!这就是一个断点如下
image.png
再次点击phpStorm顶部右上角那个灰色按钮,选择我们刚才新增的配置项,如下
image.png
再点即旁边的红色小电话,小电话变绿了ok,说明已经监听上了Xdebug的服务,点击红色小强,哦也!就能看到调试中的Debug信息。
image.png
网友评论