为了账号安全,请及时绑定邮箱和手机立即绑定

PhpStorm+Xdebug安装与配置

2019.05.16 00:55 3489浏览

首先声明我的环境,windown10+phpstudy2018集成环境。我们使用ThinkPHP5.1作为演示

ThinkPHP5.1源码下载

composer的安装与使用请移步composer官网

  • 在phpstudy的默认项目路径composer下载tp5.1源码包

composer下载tp5.1源码包
composer下载tp5.1源码包完成

本地虚拟域名配置

如果不想搭建虚拟域名也可直接使用TP自带的Web Server,具体使用请观看官方手册
win10下hosts可能会存在无写入权限,具体解决办法请看百度经验

  • 在C:\Windows\System32\drivers\etc目录下的hosts使用记事本或其他编辑工具打开,在底部增加一行127.0.0.1 www.imooc_tp6.com

图片描述

  • 给nginx或者apache添加域名解析

图片描述

  • 在网站域名那一栏填写与hosts映射的域名一致的域名,网站目录定位到composer下载的项目目录的public目录下

图片描述

  • 点击新增后点保存设置并声称配置文件,web server就会自动重启,然后在浏览器输入刚刚映射的虚拟域名,就可以看到如下画面,成功运行起tp5.1项目啦

图片描述

Xdebug下载与配置

  • 首先在浏览器打开Xdebug的官方网站https://xdebug.org,然后点页面的download到下载页面

图片描述

  • 到了下载页面后看到了好多版本的xdebug,是不是很眼花缭乱不知道选哪个,我们来找到我们需要的那个版本

图片描述

  • 首先在tp5的public目录新建一个phpinfo.php文件

图片描述

  • 然后在浏览器打开该文件的页面www.imooc_tp6.com/phpinfo.php,然后在页面空白处右键,点击查看源代码

图片描述

  • 我们按键盘CTRL + A全选,然后按CTRL + C复制

图片描述

  • 到Xdebug的下载页面点击custom installation instructions

图片描述

  • 把刚刚复制的phpinfo源代码粘贴到该文本框里面,然后点击Analyse my phpinfo() output按钮

图片描述

  • Xdebug的网站已经他帮我们挑选好适合的Xdebug,并且帮我们识别出下载后的Xdebug要放在那个目录下;
    我们点击 php_xdebug-2.7.2-7.2-vc15-nts.dll 下载,然后放到 E:\phpStudy\PHPTutorial\php\php-7.2.1-nts\ext目录

注意这里的文件名和目录或者会和我的不相同,因为每个人的PHP版本不一样,具体路径和xdebug包请以自己的页面的为准

图片描述

  • 打开E:\phpStudy\PHPTutorial\php\php-7.2.1-nts\php.ini文件,在末尾加上
    zend_extension = E:\phpStudy\PHPTutorial\php\php-7.2.1-nts\ext\php_xdebug-2.7.1-7.2-vc15-nts.dll

具体路径和文件名请以自己的页面的为准

  • 大概说一下配置吧,详细还请自行百度
    1 xdebug.remote_enable = on => 开启调试
    2 xdebug.idekey= “PHPSTROM” => ide标识
    3 xdebug.remote_port = 9001 => xdebug监听端口,因为php-frm默认就是9000端口,与xdebug默认的9000冲突,所以需要改端口

图片描述

PhpStorm配置Xdebug

  • 使用PhpStorm打开TP5.1项目目录,我对PhpStorm做了汉化处理,没有汉化的小伙伴请根据界面位置找按钮
    点击界面右上角的此处编辑配置

图片描述

  • 弹出一个窗口,我们点击左上角的加号,选择PHP Web Page(早期的PhpStorm这里叫做PHP Web Application)

图片描述

  • 然后点击如图所示按钮

图片描述

  • 在弹出的小窗口上面点击左上角的加号

图片描述

  • 把我们设置的虚拟域名填到Host里面,默认为80端口,名称随意,你能区分对应该虚拟域名即可

图片描述

  • 点击确认会自动关闭窗口,然后Server选择刚刚我们所选的域名,名称随意,你能区分即可,Browser可以default,也可以选择一个你电脑上有安装的浏览器,我这里选择的是调试神器谷歌浏览器,然后点击确认

图片描述

  • 设置接近尾声,接下来我们设置一下Xdebug默认的端口即可

图片描述

  • Debug port设置为和你php.ini的xdebug.remote_port参数相同的端口号

图片描述

  • 自此Xdebug配置完毕,我们重启Web Server(nginx或Apache)

图片描述

演示

  • 在需要断点的那一行行号后面点一个红点,然后点右上角的臭虫进入调试模式

图片描述

  • 进入调试模式后就会有方法调用的流程啊,或者变量值的变化等等功能,我们可以点击控制按钮进行下一步或者跳到下一个断点等。

图片描述

  • 如果我们要调试其他页面,我们可以把刚刚点击小臭虫后连接后面的?XDEBUG_SESSION_START=16714复制出来,然后在需要调试的连接后面直接加上去即可,如下,我们调试hello方法:
  • 在hello方法中添加断点,然后在浏览器上面输入http://www.imooc_tp6.com/index.php/index/index/hello然后把?XDEBUG_SESSION_START=16714加在链接后面回车即可进入断点

图片描述
图片描述

  • 如果我们做的是接口开发,也可以直接使用Postman或者其他接口调试工具做断点,如下

图片描述
步骤好像有些臃肿,也不知道有那一些不足,如果问题或者不明白或者不足之处,欢迎指出

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消