当前位置: 代码迷 >> 综合 >> 本地环境 XAMPP+phpStorm+XDebug+chrome配置和断点调试 注册方法
  详细解决方案

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

热度:95   发布时间:2023-12-23 07:13:38.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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

 

1.      开始服务器端配置:安装好XAMPP,停止apache服务(注意,如果直接退出XAMPP,是不会停止apache的)。

2.      在安装目录下找到php.ini,类似于D:\xampp\php\php.ini,并打开。

3.      找到被注释掉的项目(去掉前面的?)并按如下设置:

[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 = on

xdebug.remote_handler = "dbgp"

xdebug.remote_host = "127.0.0.1"

xdebug.trace_output_dir = "D:\xampp\tmp"

xdebug.idekey= PHPSTROM

 

最初的设置是这样的:图2

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

;的意思是被注释掉了,所以要先去掉;号;

然后开启xdebug.remote_enable = on;

还要增加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

 

 

较为全面的配置(参考)

1.3 配置xdebug在php.ini尾部添加如下[xdebug]zend_extension="php_xdebug.dll"xdebug.remote_enable = Onxdebug.remote_host = "localhost"xdebug.remote_port = 9000xdebug.remote_handler = "dbgp"xdebug.auto_trace = 1xdebug.collect_includes = 1xdebug.collect_params = 1xdebug.collect_return = 1xdebug.default_enable = 1xdebug.collect_assignments = 1xdebug.collect_vars = 1xdebug.remote_autostart = 1xdebug.remote_connect_back = 1xdebug.show_local_vars = 1xdebug.show_exception_trace = 0运行phpinfo();看有xdebug模块信息出来就是搞定了。

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试"> 一种方法为在CMD里输入D:\xampp\php\php.exe -m 看到XDebug,说明成功开启XDebug。图4

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

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

 

 

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

原因是phpstorm 自带的php 插件安装包不完整,路径 C:\Program Files\JetBrains\PhpStorm 10.0\plugins\php 只有一个lib 库; 解决办法,需要装一个xampp 工具包,工具包里自带php 5.6 版本 然后重新将php interpreter 路径指导xampp 安装路径下的php 所在路径,即可detect到php的版本

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

 

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

 XAMPP+phpStorm+XDebug+chrome 配置和断点调试" title="本地环境 XAMPP+phpStorm+XDebug+chrome 配置和断点调试" height="305" width="558">

 

8.      进入File>Settings>PHP>Debug>DBGp Proxy,IDE key 填 PHPSTORM,host 填localhost,port 填9000,点OK退出设置。图9

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

 

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

 

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

 

XAMPP+phpStorm+XDebug+chrome 配置和断点调试" border="0">

 

10.   chrome浏览器链接配置。找到对应的插件,chrome的为phpstrom IDE Support chrome.crx,自己下载然后拖动文件到chrome设置>扩展程序。Chrome右上角增加了JB图标即为成功安装插件。图12

XAMPP+phpStorm+XDebug+chrome 配置和断点调试" border="0">

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

XAMPP+phpStorm+XDebug+chrome 配置和断点调试" border="0">

 

12.        链接真心的不错,http://www.chenxuanyi.cn/xampp-phpstorm-xdebug.html

就是第7步“7.进入File>Settings>PHP>Debug>DBGp Proxy,IDE key 填 PHPSTORM,host 填localhost,port 填80。”需要改动下port填为9000。总归要点100个赞。

XAMPP+phpStorm+XDebug+chrome 配置和断点调试" border="0">

 

13.页面传图不让直接粘贴,所以编个号图n ,汗吧。你可以先弄好10,其他的次序就不要瞎胡变啦就。XAMPP+phpStorm+XDebug+chrome 配置和断点调试" title="本地环境 XAMPP+phpStorm+XDebug+chrome 配置和断点调试">XAMPP+phpStorm+XDebug+chrome 配置和断点调试" title="本地环境 XAMPP+phpStorm+XDebug+chrome 配置和断点调试">

  相关解决方案