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

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


不明白phpStorm+XAMPP+chrome组合的phpStorm配置XDebug的断点调试，很多种网页办法都看过了，可用，但没达预期。QQ群问，一个大牛很奇怪我都配置了怎么还不正确，很干脆地说远程协助。哈爽快人说爽快话给办利落的事，我还没说感谢呢大牛就直接说有事88。
  
今天me总算明白了，其实很容易理解的，休闲的时间把配置过程写了，顺便mark下，需要的人来看看。其实今天《爱你，万缕千丝》正在放映，我追看的，今天恰逢之元、天丘因家族利益出现大吵，所谓一部戏铺垫完、到了矛盾激化到极点、将要迎接剧终的时候，我写这个配置过程忘了看了竟然给，找空补上。希望这个配置过程你读起来像是一本故事，或者是拍拍砖：
我的安装环境：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
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
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
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
；的意思是被注释掉了，所以要先去掉；号；
然后开启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
 
4.      保存文件，重新启动apache检查是否成功开启了xdebug服务。图3
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试 一种方法为在CMD里输入D:\xampp\php\php.exe -m 看到XDebug，说明成功开启XDebug。图4
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
另一种方法为浏览器打开localhost，找到phpinfo（）点击打开配置情况，查找xdebug项，找到了说明xdebug配置成功。图5
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
至此，服务器端配置完毕。
 
 
5.      下面是客户端调试。打开phpStorm，进入File>Settings>PHP，这里要interpreter浏览，填D:\xampp\php\php.exe，自动识别版本。图6
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
6.      进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost，host填localhost，port填80，debugger选XDebug。图7
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
7.      进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000，其他默认。图8
 本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试


8.      进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host 填localhost，port填9000，点OK退出设置。图9
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
9.      进入Run> Debug configurations，点+号，Server选填localhost，start url填http://localhost/9999m， Browse 填chrome，点OK退出设置。图10
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
点OK退出设置之后，phpstorm运行按钮旁边自动填充localhost，且运行按钮由灰色被激活成为绿色。如果start url填的是http://localhost，没有填写9999m，则当点击phpstorm运行按钮，浏览器进入默认地址http://localhost，没办法直接访问http://localhost/9999m。图11
 
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
10.   chrome浏览器链接配置。找到对应的插件，chrome的为phpstrom IDE Support chrome.crx，自己下载然后拖动文件到chrome设置>扩展程序。Chrome右上角增加了JB图标即为成功安装插件。图12
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
11.   在phpStorm里打开监听，就是一个电话一样的按钮，点击变为绿色，在程序代码点前点击，设置程序段点，点击绿色的debug爬虫按钮，chrome浏览器打开xdebug页，phpStorm出现debug窗口，并获取到variables值，即为看到下面的debug信息，说明成功配置。图13
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试
 
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个赞。
本地环境 <wbr>XAMPP+phpStorm+XDebug+chrome <wbr>配置和断点调试