栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP

PhpStorm+Xdebug安装与配置

PHP 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

PhpStorm+Xdebug安装与配置

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

ThinkPHP5.1源码下载

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

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


本地虚拟域名配置

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

  • 在C:WindowsSystem32driversetc目录下的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:phpStudyPHPTutorialphpphp-7.2.1-ntsext目录

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

  • 打开E:phpStudyPHPTutorialphpphp-7.2.1-ntsphp.ini文件,在末尾加上
    zend_extension = E:phpStudyPHPTutorialphpphp-7.2.1-ntsextphp_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或者其他接口调试工具做断点,如下


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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/226661.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号