Laravel本地Sail开发环境下Phpstorm+浏览器+Postman调试配置

  • 查看Php是否启用Xdebug
  • 配置Sail对Xdebug的支持
  • 浏览器如何进行XDebug调试
    • 下载浏览器扩展
    • 这里以Chrome为例说明如何使用
  • Postman如何进行XDebug调试

查看Php是否启用Xdebug

如果是通过Docker容器sail up方式安装的项目会自动开启Xdebug,可略过此步骤

//进入shell
./vend/bin/sail shell
//查看是否启用Xdebug
php --version

如下显示Xdebug版本表示开启成功

配置Sail对Xdebug的支持

在项目根目录下找到.env文件增加如下配置,配置支持Windows跟Mac主机
如果是Linux请自前往此处查看

SAIL_XDEBUG_MODE=develop,debug

配置后需要先关闭docker容器再重新启动XDebug才会生效

//在sail shell中执行
sail stop
sail up -d

浏览器如何进行XDebug调试

下载浏览器扩展

为了方便在浏览器上调试,下载对应浏览器插件

  • Chrome插件点击此处
  • Microsoft Edge插件点击此处
  • Safari插件点击此处

这里以Chrome为例说明如何使用

  1. 从 Chrome 网上应用店安装适用于 Chrome 的 Xdebug 帮助程序扩展程序。
  2. 在 PhpStorm 中打开调试监听 (两种方式均可)

方式一 菜单运行->开始监听PHP调试连接

方式二 通过快捷工具栏上方监听按钮打开

  1. 从浏览器端启动连接。单击浏览器工具栏上的 Xdebug 帮助程序图标以启动调试、分析或跟踪会话

  2. 打开浏览器输入一个测试地址

  3. 这时候浏览器会进入等待状态,Phpstorm监听到来自XDebug的连接会自动弹出一个默认的服务器连接,在项目列表中选择对应项目即可

  4. 设置服务器后,再次刷新刚才的请求

如果Phpstorm默认没有找到映射路径 那么在调试窗口出现下面错误提示

或者通知服务会弹窗提示映射问题


7. 打开设置找到Php->服务 勾选路径映射 在项目文件路径处填上对应服务器根目录地址

如果不清楚项目在Linux子系统上什么位置
通过sail shell进入项目后查看
红色标记处就是项目根目录

  1. 在测试方法上打上断点,再次刷新浏览器即可进入调试断点

Postman如何进行XDebug调试

对Postman的Headers头部增加XDebug配置以便Phpstorm服务器能够识别

  1. 选择请求下Headers菜单->点击Presets->选择Manage Presets
  2. 在弹出框中增加一键值对
  3. 给Header键值对取个名称 ,然后输入Cookie : XDEBUG_SESSION=PHPSTROM


4. 在请求Headers菜单下点击Presets选择XDebug则会自动追加在你的请求头下面

5.点击Send则会进入你的调试断点处

Laravel本地Sail开发环境下Phpstorm+浏览器+Postman调试配置相关推荐

  1. php larval框架运行环境,4种Windows系统下Laravel框架的开发环境安装及部署方法详解...

    1.准备工作 1.1PHP集成环境 这里我们使用的是XAMPP,XAMPP是一个功能强大的建站集成软件包,采用一键安装的方式,包含PHP7.0.Mysql.Tomcat等.最新版下载地址:PHP 5. ...

  2. 微信小程序中开发环境下的POST请求

    写在前面 不得不说,开发环境下,微信小程序要是在发起网络请求的话,遇到的坑也是有的.尽管,微信提供了十分便捷的API 供开发者调用.今天在小程序中写了一个表单,需要提交到服务器上,于是发起了一个 PO ...

  3. Windows 搭建 Laravel 的 Homestead 开发环境

    开发 Laravel 应用,也可以使用 WAMP.XAMPP.PHPStudy 等集成环境,但对于一个优秀的开发者, 应毫不犹豫地选择 Homestead 作为 Laravel 应用的开发环境. 强烈 ...

  4. Windows8.1+Eclipse搭建Hadoop2.7.2本地模式开发环境

    下面介绍如何在Windows8.1上搭建hadoop2.7.2的本地模式开发环境,为后期做mapreduce的开发做准备. 在搭建开发环境之前,首先选择开发工具,就是大家都很熟悉的Eclipse(本人 ...

  5. docker mysql 操作_[Docker] Docker 快速搭建本地MySQL开发环境

    [Docker] Docker 快速搭建本地MySQL开发环境 关于 Docker 的安装使用本文不再赘述,有兴趣的可以通过官网或是浏览我的专栏文章了解.今天着重给大家介绍下如何利用Docker快速搭 ...

  6. 本地php开发环境出现 cURL error 60

    本地php开发环境出现 cURL error 60: See http://curl.haxx.se/libcurl/c/libcurl-errors.html 解决方案: 到 https://cur ...

  7. docker本地PHP开发环境搭建

    一.搭建本地PHP开发环境 概述 本文简单介绍通过启动一个nginx和fpm容器来搭建一个php web运行环境,以文档命令为例,H:/home/code/docker/web 目录下可以放多个子项目 ...

  8. 基于node.js开发环境下创建及开发vue.js项目的环境配置骤

    基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...

  9. spark最新源码下载并导入到开发环境下助推高质量代码(Scala IDEA for Eclipse和IntelliJ IDEA皆适用)(以spark2.2.0源码包为例)(图文详解)...

    不多说,直接上干货! 前言   其实啊,无论你是初学者还是具备了有一定spark编程经验,都需要对spark源码足够重视起来. 本人,肺腑之己见,想要成为大数据的大牛和顶尖专家,多结合源码和操练编程. ...

最新文章

  1. python爬虫实例-python使用百度进行爬虫简单学习例子
  2. 网格弹簧质点系统模拟(Spring-Mass System by Verlet Integration)附源码
  3. jmeter学习笔记(十三)debug调试工具
  4. Spring Data JPA 从入门到精通~查询结果的处理
  5. 把本地仓库建到github
  6. 深入理解JUnit 5的扩展模型
  7. vue前端UI框架收集
  8. Office 2007 Foxit PDF预览器/处理程序
  9. [MUI框架]-滑动侧边栏-div同页结构
  10. 基于LM2596开关稳压电源控制设计(毕业设计整套资料)
  11. Android 隐藏程序的图标
  12. Katana的高性能图形分析库
  13. 解决微信授权回调页面域名只能设置一个的问题 [php]
  14. pytorch网络冻结的三种方法区别:detach、requires_grad、with_no_grad
  15. 编写选择结构程序,输入个人月收入总额,计算出他本月应缴税款和税后收入
  16. uploadFile+nginx实现上传图片(Windows/Linux均可用)
  17. 上dj是什么意思_这个世界上根本没有迪迦奥特曼什么梗?抖音迪迦奥特曼的梗什么意思...
  18. RHCE 第八次作业
  19. 学Java是自学还是报培训班好?
  20. swift学习——点点滴滴——3~著名算法

热门文章

  1. 广告联盟识别作弊方法
  2. 市场调研-全球与中国防破坏开关市场现状及未来发展趋势
  3. 计算机玩游戏不能全屏,电脑游戏不能全屏怎么办 电脑游戏不能全屏的解决方法...
  4. 无限防 助你一臂之力 !!
  5. 环境搭建 | 深度学习爱好者如何配置带GPU电脑环境
  6. 农民伯伯android,[同人]墨水儿哥哥乡下小山村的农民伯伯生活.avi
  7. FCFS、SJF、RR、SRT进程调度算法的代码实现
  8. gitbook搭建在线书籍
  9. 微信小程序新手容易犯的错误_新手程序员的错误以及如何避免它们
  10. 海报设计如何做好文案超多的海报