AI摘要:本文介绍了如何配置XAMPP、PhpStorm和Xdebug来调试本地网页。首先,安装并配置XAMPP,启动所需服务如Apache和MySQL。接着,安装PhpStorm并进行破解。然后,下载并配置Xdebug,修改php.ini文件。最后,在PhpStorm中设置PHP环境和调试选项,并在浏览器中安装xdebug helper插件。完成这些步骤后,即可在PhpStorm中进行网页调试。
Powered by AISummary and MoonShot KimiChat.
因为要折腾自己的Wordpress博客,所以不得已入坑了世界上最好的语言qwq第一步就是所说的配置本地的调试环境啦~总不能一上来就在服务器上写吧orz
经过一番资料的考察最终选择了XAMPP+PhpStorm+Xdebug的解决方案,也在这里把自己的过程记录一下~
XAMPP配置
XAMPP是一个把Apache网页服务器与PHP,Perl以及MariaDB集合在一起的安装包。通过这个安装包,我们可以轻易在自己的电脑上建立网页服务器,调试自己的网页。
XAMPP的安装比较简单,官网在https://www.apachefriends.org/zh_cn/index.html ,下载时候按照提示一直安装就好了。
安装后打开XAMPP Control Panel,界面如图
按照自己的需要选择服务start就好了,比如Wordpress需要的Apache和MySQL。
有可能出现其他程序比如VM workstation占用端口的情况,去进程里做掉就可以打开了。
要注意的是端口需要手动停止,单纯关闭XAMPP是不解决问题的。
另外旁边的Explorer打开后其中的htdocs是网站的根目录,phpMyAdmin是phpMyAdmin的根目录。
PhpStorm安装
PhpStorm是由jetbrains所研发的Php IDE,下载安装也相对简单容易,官网https://www.jetbrains.com/phpstorm/
破解的话分享一个网站 http://idea.lanyus.com/ 2017.10.29win版PhpStorm亲测有效,大家可以试试。如果挂了的话也麻烦告知一下。
Xdebug安装
网上的说法是XAMPP是内置Xdebug的,其目录在打开Explorer的phpext中,文件名是php_xdebug开头的.dll文件,然而也许是自己的php版本是7.1的缘故,并没有发现这个文件。于是需要去官网下载。官网https://xdebug.org/ ,需要按照自己对应的版本进行下载否则会报错。
下载完成之后将文件放到phpext下,并修改phpphp.ini文件,在其最后添加如此代码.
[xdebug] xdebug.remote_enable = On xdebug.remote_handler = dbgp xdebug.remote_host= localhost xdebug.remote_port = 9000 xdebug.idekey = PHPSTORM zend_extension="上面安装的文件(比如D:ProgramXAMPPphpextphp_xdebug-2.5.5-7.1-vc14.dll)"
其中xdebug_remote_port的默认值9000有可能与其他应用发生冲突,建议修改为9002等值,相应的之后的端口值也需要作出修改。
PhpStorm的设置
PhpStorm的内置服务器存在bug,所以需要手动的配置
先是对PHP的环境进行设置,设置位置在FILE-Default Settings-Languages & Frameworks中,PHP的选项中CLI Interpereter定位到上面提到的目录下的php.exe文件,系统会自动匹配其版本。
注意为了一劳永逸,没有设置settings而是直接设置了default settings,否则就会出现之前自己的悲剧→明明以为自己设置好了最后发现是环境又重置了。
接下来设置PHP设置下面的子设置Debug,其中Xdebug一项要的Debug port要改为刚才自定义的端口值(如9002),如果是默认则不必做出修改。
之后需要设置DBGp代理,在刚才的Debug选项下的DBGp Proxy中,IDKEY,端口值均与之前的设置保持一致(如PHPSTORM, 9002),由于是在本地所以Host值是http://localhost/
接下来需要设置项目的configurations,关注右上角的edit configurations,根据自己是调试网页还是调试项目选择PHP remote debug还是PHP Web Application。并进行具体的设置
之后需要在浏览器(如谷歌,火狐)上安装xdebug helper插件,安装后右击并选择选项,进入配置界面将IDEKEY改为PHPSTORM
运行调试
浏览器开启xdebug helper,图标会变成绿色的状态。这时点开phpstorm右上角电话样式的监听按钮,,访问网页的时候就会在设置的断点处停留,而打开DEBUG则可以看到更多的调试参数,至此xdebug也就设置完成了。
没有评论 T^T