XAMPP+PhpStorm+Xdebug调试本地网页

因为要折腾自己的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也就设置完成了。

版权声明

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏落影的专栏

iOS开发笔记(五)

前言 社会的模式很多是重复的,当你做一样事情很擅长时,与之类似的事情也能触类旁通。 正文 Code开发 1、delegate的trick 很多人习惯在调用de...

55140
来自专栏Coco的专栏

【nodeJS爬虫】前端爬虫系列 -- 小爬「博客园」

30180
来自专栏bboysoul

安装python时碰到的尴尬的事情(使用pyenv离线安装python)

前几天迫不得已重装了系统,所以要重新安装一下python,我用的python版本管理工具是pyenv,大家都得知道一点的是大天朝的电信出口带宽等于断网,所以我用...

24420
来自专栏云计算教程系列

CentOS 如何配置NTP加入NTP池项目

准确的计时对于几乎所有服务或软件都至关重要。在分布式平台上运行的电子邮件,记录器,事件系统和调度程序,用户身份验证机制和服务都需要准确的时间戳来按时间顺序记录事...

19700
来自专栏运维

vSphere初体验之添加主机

物理机:DELL  IPTIPLEX 990 PC机 I52400处理器支持VT功能  8G内存 千兆网卡

24820
来自专栏菩提树下的杨过

在win2008 r2中安装windows phone 7开发工具

默认情况下,windows phone7开发工具只能在windows7上安装,我的本本上好不容易把win2008 r2以及相关软件安装好,总不能因为这个又把wi...

20070
来自专栏Android's Track

当我们按下电源键,Android 究竟做了些什么?

我们会否好奇过,如此复杂的 Android 究竟是怎么运作起来的呢?

1.4K140
来自专栏伪君子的梦呓

用 selenium 和 scrapy 模拟知乎登录

这个是看一个视频学来的,视频给出的教程部分失效,因为知乎的登录页面改了。我进行一点修改就可以登录了,本文主要是记录

18830
来自专栏张戈的专栏

安装完Win7之后推荐做的一些设置

前言:不知道写什么,就总结一下我个人安装完成 windows7 之后要做的一些设置吧!以下全文均为个人回忆总结,文章也很冗长,难免有纰漏或者不符合你个人习惯的内...

1.2K140
来自专栏帘卷西风的专栏

关于cocos2dx程序的BUG调试解决方案

      今天说一下手机游戏开发的调试问题吧。不得不说的是和PC平台游戏、软件开发相比,手机上开发游戏和软件要困难的多。原因是多方面的,比如说开发环境比较复杂...

11320

扫码关注云+社区

领取腾讯云代金券