2017.11.01 | 网站相关 | 6944 浏览 | 2 赞 | 0 条评论


请注意,本文编写于 2578 天前,最后修改于 2027 天前,其中某些信息可能已经过时。
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也就设置完成了。

本文链接:https://idealclover.top/archives/292/

本作品由 idealclover 采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。

标签: Wordpress, PHP, Web, phpstorm, xdebug, 设置

2

没有评论 T^T


🤔关于我
翠翠 idealclover
Product Manager @ByteDance
南京大学 2016 级本科生
了解更多
🏠关于博客
基于 Typecho 博客框架
使用个人的 clover clover 主题