phpStorm+Xdebug搭建本地php调试环境

2017-06-16   出处:Qtest之道  作/译者:杨梦雯  

php是一种创建动态交互性站点的强有力的服务器端脚本语言。和其他技术相比,php是开源并且免费的,易于编程,并且实用性强,入门快。下面简单介绍一下如何搭建php的调试环境,适合php小白学习。

利用xampp搭建php运行环境

XAMPP集成开发环境是php最流行的开发环境之一,XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用:只需下载,解压缩,启动即可。下面简单介绍一下安装过程。

安装

首选,找到XAMPP最新的下载网点,下载安装包,选择Windows设置下的。如下图所示。

解压后,安装,默认开启所有可选组件的安装,也可以根据需要选择是否使用;默认安装路径是在C:\xampp,如果想安装到其他目录下,可以进行手动修改XAMPP路径。

然后一直next,直到Finish。运行XAMPP-control,然后开启Apache服务,然后打开浏览器访问localhost(或127.0.0.1本机地址),看到下面的页面,说明服务器环境搭建成功。

配置数据库和运行php文件

(1)配置数据库

 如果本地没有装过mysql,通过phpMyAdmin就可以直接进入页面,如下所示:


如果本地已经安装了数据库,可能会出现如下情况,页面显示服务器拒绝链接。如下所示:

这是因为数据库默认是root,配置文件中密码为空,通过cmd进入XAMPP下mysql的bin目录,通过’mysql –u root’登录,然后通过下面的命令设置数据库密码,如下所示:

然后退出cmd,进入XAMPP文件下的phpMyAdmin目录,可以通过修改config.inc.php进行设置,就可以连接上phpMyAdmin了。如下所示:


(2)运行php文件

环境配置好之后,通过php-control启动Apache,然后将要运行的文件放在XAMPP\htdocs目录下,如果存在index.php文件,优先执行该文件,如果不存在,则访问localhost将显示网站目录。下面是我的index.php文件访问localhost出现的页面。


配置Xdebug调试环境

php是脚本型程序,每次出错都要手动exit断点程序不是很方便,下面介绍一下使用phpStorm+Xdebug进行调试。phpStorm是JetBrains公司提供的一款php集成开发环境,能够提供智能代码补全,快速导航以及即时错误检查,Xdebug可以实现对php的断点调试。下面介绍一下具体实现方法。

安装phpStorm和Xdebug

 登陆PhpStorm官网http://www.jetbrains.com/phpstorm/,下载对应的安装包,一路next,基本就安装完成了。



登录Xdebug的官网https://xdebug.org/download.php),可以看到如下页面:


下载与php版本对应的安装包(TS线程安全的意思),然后将解压后的.dll文件放在php安装目录下的ext文件夹下,然后按照下面的代码修改php.ini文件。


通过http://localhost/dashboard/phpinfo.php,可以查看Xdebug是否安装成功,如果安装成功,则可以看到下图:


安装Xdebug helper

使用Chrome浏览器,安装 Xdebug helper插件, 下载好之后点选项,IDE选PHPSTORM,如下图所示:


配置phpstorm与调试

1.配置phpstorm

(1)   进入File->Settings->PHP,使用 interpreter浏览,填写php的文件路径,例如我的是D:\XAMPP\php\php.exe,自动识别版本。


(2)进入File->Settings->PHP->Servers,这里要填写服务器端的相关信息,name填localhost,host填localhost,port填80,debugger选XDebug.

(3)  进入File->Settings->PHP->Debug,看到XDebug选项卡,port填9000,其他默认。

(4)  进入File>Settings>PHP>Debug>DBGp Proxy,IDE key 填 PHPSTORM,host 填localhost,port填9000,点OK退出设置。


(5)进入Run> Debug configurations,点+号,Server选填localhost,start url上上填写文件路径,例如加上/audit_check_1.0/index.php就形成http://localhost/audit_check_1.0/index.php。

以图中蓝色地址为参考, Browse 填chrome,点OK退出设置。



2 .调试

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





欢迎给测试窝投稿或参与内容翻译工作,请邮件至editors@testwo.com。也欢迎大家通过新浪微博(@测试窝)或微信公众号(测试窝)关注我们,并与我们的编辑和其他窝友交流。
155°|1557 人阅读|0 条评论

登录 后发表评论