使用 ngrok 将 SPFX WebPart 隧道化到 BrowserStack

Tunneling an SPFX WebPart to BrowserStack using ngrok

不幸的是,我试过这个没有用,有没有一种方法可以隧道化本地 运行 版本的 SPFX webpart 以便通过 BrowserStack 对其进行调试。

我可以通过调试查询字符串让它直接与 SP 一起工作,但它似乎无法通过 BrowserStack 上的模拟设备工作。

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

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

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

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

然后进行测试:

  1. 在模拟器中导航到 https://bs-local.com:8888/ 并通过继续页面
  2. 批准证书
  3. 将更新的主机名附加到 SP 的末尾 url ?loadSPFX=true&debugManifestsFile=https://bs-local.com:8888/temp/manifests.js
  4. 导航到 BrowserStack 网站 > select iPad Air(或任何其他设备)。

附加参考: