适用于模型驱动应用的 Fiddler

在开发“PowerApp 组件”和传统的“Web 资源”时，一个常见的挑战是测试不够直接。 为了测试 HTML 或 JS 代码中的更改，需要部署文件，这很耗时。 有用于模型驱动应用的商业工具可以使其更简单，但使用 Fiddler 仍然具有优势。 本系列的第一篇文章将解释其工作原理以及如何开始使用它。

什么是 Fiddler？

Fiddler 是一款 Web 代理调试工具，Web 开发人员经常使用它。 我们需要的基本版本永远免费，可以从 这里 下载。

它是如何工作的？

首先，我们在模型驱动的应用程序中添加一个 Web 资源外壳，所以如果是 JS，一个只有函数名的文件就可以了。 我们仍然需要配置该函数以在表单属性的加载或保存事件中触发。 从现在开始，我们可以开始使用 Fiddler。 我们在 Visual Studio 中编写代码，配置 Fiddler 并在浏览器中打开模型驱动的应用程序。 Fiddler 将中断传入的请求，并将来自云端的 JS 文件替换为在 Visual Studio 中打开的文件。 进行代码更改，只需刷新即可查看最新的 JS 更改，而无需在应用程序中部署它。

优点

1. 我们可以测试 JS/HTML 代码，无需部署。 在 Visual Studio 中进行代码更改，刷新浏览器并验证更改。
2. 可以在不影响其他开发人员或用户的情况下进行调试或开发。 完成您的工作，完成后部署进行测试。

步骤

• 如果是一个新资源，将 Web 资源添加到模型驱动的应用程序。 有关 Web 资源的详细信息，请参阅 此 链接以及其“另请参阅”部分下的链接。
• 安装 Fiddler
• 从 Fiddler > 工具 > 选项 > HTTPS，执行以下操作
  • 确保选中“捕获 HTTPS CONNECTs”和“解密 HTTPS 流量”。
  • 在下拉菜单中，选择“…仅来自浏览器”。
  • “生成的证书”具有“CertEnroll 引擎”。
  • 单击“操作 > 重置证书”，并接受所有提示。

  

• 在 过滤器 选项卡下，进行以下配置，这些将有助于仅定位相关请求
  • 选中“使用过滤器”复选框。
  • 确保对于“主机”，选择了“仅显示互联网主机”。
  • 添加您的应用程序 URL。
  • 选中“仅在 URL 包含”，并且它包含“/webresources/”。

  

• 在“自动响应器”选项卡中，进行以下配置。 在这里，我们告诉您我们正在使用哪个 Web 资源，以及开发版本的存储位置
  • 选中“启用规则”。
  • 单击 添加规则。
  • 输入包含 JS 文件名的正则表达式，如“regex:(?insx).+/account.js”。
  • 输入文件在本地磁盘上的开发版本的路径。
  • 按 保存 按钮。
  • 确保已创建的规则已启用。

  

• 在文件菜单下，选中“捕获流量”
• 刷新浏览器，Fiddler 应该开始捕获流量。 如果我们打开浏览器的开发者工具，我们可以看到代码更改反映出来，而无需部署它们。

  

  

  

希望对您有所帮助。