使用 ngrok 将 SPFX WebPart 隧道传输到 BrowserStack

Posted 2023-04-18

【中文标题】使用 ngrok 将 SPFX WebPart 隧道传输到 BrowserStack

【英文标题】：Tunneling an SPFX WebPart to BrowserStack using ngrok

【发布时间】：2021-01-27 19:21:04

【问题描述】：

不幸的是，我尝试过这种方法无济于事，有没有办法通过隧道传输本地运行的 SPFX webpart 版本，以便通过 BrowserStack 对其进行调试。

我可以通过调试查询字符串直接使用 SP，但它似乎无法通过 BrowserStack 上的模拟设备工作。

https://tenant.sharepoint.com/sites/fakeSite?debug=true&noredir=true&debugManifestsFile=https://1a228f088633.ngrok.io/temp/manifests.js

任何帮助都会很棒，我也知道这可能是不可能的:)

【参考方案1】：

我们调试本地托管的 SPFx 服务，但我们不使用 ngrok。您必须知道，哪些端口可用也有限制，默认端口 4321 为not work with browser stack。希望这会有所帮助，这是一种适用于我们的本地调试替代方法：

确保为您的设备启用通过我的网络解析所有 URL 将 serve.json 端口更新为 8888 在 serve.json 中添加"hostname": "bs-local.com", 更新 c:\windows\system32\drivers\etc\hosts 以包含一个条目：127.0.0.1 bs-local.com

然后进行测试：

在模拟器中导航到https://bs-local.com:8888/，然后进入页面批准证书 将更新后的主机名附加到 SP url ?loadSPFX=true&debugManifestsFile=https://bs-local.com:8888/temp/manifests.js 的末尾 导航到 BrowserStack 网站 > 选择 iPad Air（或任何其他设备）。

补充参考：

Why is my URL redirected to http://bs-local.com from http://localhost?