PHPStorm配置PHP调试环境,xdebug调试原理_nginx

之前的调试环境有一点混乱,所以决定重新配置一遍,写这篇文章记录出现的问题,希望能够帮助到你们

搭建环境

  • windows
  • phpstudy apache/nginx php7.3
  • phpstorm
  • xdebug + chrome

phpstudy

PHP集成环境,​​下载链接​

用它主要是因为配置简单,图形化界面

xdebug

先来介绍下xdebug是啥

PHP目前有两种流行的调试器

  1. Xdebug(本次就是用的它)
  2. Zend Debugger

Xdebug是一个PHP扩展,它采用DBGp协议,提供了对PHP进行Debugging和Profiling的能力

XDebug调试是一种C/S结构,Client是PHP-Xdebug插件,Server是我们的IDE(或者各种Editor插件),中间通过​​DBGp​​协议通信。PHP脚本在运行时,由Xdebug插件向IDE发起连接,将调试信息发送给IDE,并通过DBGp协议进行互动

PHPStorm配置PHP调试环境,xdebug调试原理_apache_02

流程:

  • 浏览器发出请求,被xdebug浏览器插件拦截,修改报文请求后继续请求服务器
  • 服务器收到请求,发现xdebug插件,于是转给xdebug处理
  • xdebug收到请求,跟phpstorm沟通一下,将代码运行停在断点处,phpstorm收到之后在ide中做断点处理
  • 程序员在ide中调试断点,phpstorm实时将调试情况同步给xdebug,xdebug根据程序员的要求逐步执行代码——所以xdebug和phpstorm之间,是会有很多次的交互,来保持调试的同步

具体原理看可以看下参考文章

xdebug的客户端也就是浏览器插件,chrome xdebug插件下载地址:Link,当然有条件的话可以直接在商店下载安装

安装之后是这个样子的

PHPStorm配置PHP调试环境,xdebug调试原理_nginx_03

具体步骤

好了如果以上的软件全部 佩奇 了,就开始具体配置过程了

PHP study中配置PHP

phpstudy中使用apache 或者 nginx开始web服务(我用的apache)

PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_04

然后再开启PHP的xdebug扩展了,因为使用的是phpstudy,所以只需要在软件管理中安装合适的PHP版本,点击设置

PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_05

开启xdebug组件,apache会自动重启,配置完毕,不需要再单独配置php.ini就很爽

PHPStorm配置PHP调试环境,xdebug调试原理_ide_06

配置phpstorm

首先配置CLI,左上角File选择settings

PHPStorm配置PHP调试环境,xdebug调试原理_php_07

选择PHP版本

PHPStorm配置PHP调试环境,xdebug调试原理_php_08

点击+号,选择PHP的位置,可以看到,选择好之后,可以看但Xdebug的版本,如果没有的话则说明,xdebug扩展没有打开

PHPStorm配置PHP调试环境,xdebug调试原理_ide_09

然后去配置有关调试的设置

PHPStorm配置PHP调试环境,xdebug调试原理_php_10

因为之前浏览器已经安装了xdebug插件,所以直接点击validate进行有效性测试

选择合适目录,点击validate,如果全部是对号表示配置正确,如果有报错,需要有针对的搜索解决

PHPStorm配置PHP调试环境,xdebug调试原理_ide_11

在浏览器插件打开调试模式

PHPStorm配置PHP调试环境,xdebug调试原理_php_12

在PHP storm中新建一个​​test.php​​文件,作为测试使用

<?php
echo phpinfo();

这个时候,PHP storm右上角调试还是灰色的

PHPStorm配置PHP调试环境,xdebug调试原理_apache_13

新建server,还是之前settings的位置,按照绿框配置即可

PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_14

点击ok这样就配置了一个命令localhost的server

右上角选择新建配置

PHPStorm配置PHP调试环境,xdebug调试原理_apache_15

点击加号,选择PHP web page,输入名称,选择刚才新建的server,点击OK即可

PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_16

可以看到右上角已经变成了绿色的图标

PHPStorm配置PHP调试环境,xdebug调试原理_nginx_17

在代码中设置一个断点

PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_18

在浏览器访问,对应页面,PHP storm会自动弹出调试窗口

PHPStorm配置PHP调试环境,xdebug调试原理_php_19

到此位置,一切正常

问题解决

如果PHP storm在调试过程中,不一会就自动退出,并且500,可以通过更改配置来缓解

PHPStorm配置PHP调试环境,xdebug调试原理_nginx_20

具体配置方法如下,打开phpstudy,设置中选择配置文件,vhosts.conf,点击配置文件打开

PHPStorm配置PHP调试环境,xdebug调试原理_ide_21

在如图位置插入这两行代码,并保存

IPCConnectTimeout 3000
IPCCommTimeout 3000

PHPStorm配置PHP调试环境,xdebug调试原理_apache_22

如果弹出两个文件的话,两个文档都要改一下

参考链接

https://www.jianshu.com/p/bf05fb1b1a98


PHPStorm配置PHP调试环境,xdebug调试原理_phpstorm_23