Fiddler用于模型驱动的应用程序的工作原理和入门
对于模型驱动的应用程序,有一些商业工具可用来简化测试,但是仍然使用Fiddler有优势。本系列的第一篇文章将解释其工作原理以及入门方法。
在开发“PowerApp组件”和传统的“Web资源”时,一个共同的挑战是测试并非一帆风顺。要测试HTML或JS代码的更改,需要部署文件,这很耗时。有一些商业驱动工具可用于模型驱动的应用程序,以使其变得更简单,但仍使用Fiddler具有优势。本系列的第一篇文章将解释其工作原理以及入门方法。
Fiddler是Web开发人员经常使用的Web代理调试工具。我们需要的基本版本是永久免费的,可以从此处下载。
首先,我们在模型驱动的应用程序中添加一个Web资源外壳,因此,如果它是JS,则仅包含函数名称的文件即可。我们仍然需要配置该函数以在加载时触发或将事件保存在表单属性中。从这一点开始,我们可以开始使用Fiddler。我们在VisualStudio中编写代码,配置Fiddler并在浏览器中打开模型驱动的应用程序。Fiddler将中断传入的请求,并用VisualStudio中打开的文件替换来自云的JS文件。进行代码更改,只需刷新即可查看最新的JS更改,而无需在应用程序中进行部署。
我们无需部署即可测试JS/HTML代码。在VisualStudio中进行代码更改,刷新浏览器并验证更改。
一个人可以调试或开发,而不会影响其他开发人员或用户。完成您的工作以及完成部署以进行测试。
如果是新资源,则将Web资源添加到模型驱动的应用程序中。有关Web资源的详细信息,请参阅此链接以及其“另请参阅”部分下的链接。
安装提琴手
在Fiddler>工具>选项>HTTPS中,执行以下操作:
确保选中“捕获HTTPS连接”和“解密HTTPS通信”。
在下拉菜单中“仅从浏览器中”被选中。
“生成的证书”具有“CertEnroll引擎”。
单击“操作>重置证书”,并接受所有提示。
在“过滤器”标签下,进行以下配置,这些配置将仅帮助定位相关请求:
选中“使用过滤器”复选框。
确保已选择“主机”,“仅显示Internet主机”。
添加您的应用程序URL。
选中“仅在URL包含”时显示,并且具有“/webresources/”。
在“AutoResponder”选项卡中,进行以下配置。在这里,我们告诉我们正在使用哪个Web资源以及开发版本的位置是什么:
选中“启用规则”。
点击添加规则。
输入带有JS文件名的正则表达式,例如“regex:(?insx).+/account.js”。
输入本地磁盘上文件的开发版本的路径。
按保存按钮。
确保启用了创建规则。
在文件菜单下选中“捕获流量”:
刷新浏览器Fiddler应该开始捕获流量。如果打开浏览器的开发工具,则可以看到代码更改,而无需部署它们。
希望对您有所帮助。
联系客服