使用 ngrok 的侧载应用程序无法正常工作
Sideloading app with ngrok not working
重复步骤...
- 我通过 teams yeoman generator（通过 npm 安装）创建了一个 Teams 选项卡应用程序。
- 我遵循了使用 ngrok 的 locally hosted 选项。
- 我用
./ngrok http 3007 --host-header=localhost:3007（仍然是 运行）和 copy/pasted 启动了 ngrok，生成的 url 进入我的 manifest.json
- 我启动了另一个终端会话 运行
gulp serve
- 我通过
gulp manifest 创建了我的包
- 我尝试旁加载生成的 zip 并收到错误消息：
Error while reading manifest.json: Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-44.png" file in the package Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-88.png" file in the package
（已编辑子域）
这就是我的 confirmed/debugged...
- 转到
https://xxxxxxxx.ngrok.io/assets/tab-44.png 和 https://xxxxxxxx.ngrok.io/assets/tab-88.png 在浏览器中工作正常。我看到了默认的笑脸图标，并在 ngrok 终端和 Web 界面中看到了请求。
- 我没有看到来自 Teams 的任何请求试图获取 ngrok 界面中的图标。
- 我还测试过我可以从我的 phone 中找到图标。
- 我解压了生成的包，它只包含
manifest.json 和正确的 ngrok url。
- 我的租户启用了应用程序的旁加载。
- 我是团队的所有者，我正在尝试将此应用加载到其中。
有什么想法吗？谢谢！
轮廓和颜色是PNG图标的相对文件路径。请将两个图标（tab-44.png 和 tab-88.png）作为包的一部分与 manifest.json 文件一起放入。
重复步骤...
- 我通过 teams yeoman generator（通过 npm 安装）创建了一个 Teams 选项卡应用程序。
- 我遵循了使用 ngrok 的 locally hosted 选项。
- 我用
./ngrok http 3007 --host-header=localhost:3007（仍然是 运行）和 copy/pasted 启动了 ngrok，生成的 url 进入我的manifest.json - 我启动了另一个终端会话 运行
gulp serve - 我通过
gulp manifest 创建了我的包
- 我尝试旁加载生成的 zip 并收到错误消息：
Error while reading manifest.json: Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-44.png" file in the package Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-88.png" file in the package（已编辑子域）
这就是我的 confirmed/debugged...
- 转到
https://xxxxxxxx.ngrok.io/assets/tab-44.png和https://xxxxxxxx.ngrok.io/assets/tab-88.png在浏览器中工作正常。我看到了默认的笑脸图标，并在 ngrok 终端和 Web 界面中看到了请求。 - 我没有看到来自 Teams 的任何请求试图获取 ngrok 界面中的图标。
- 我还测试过我可以从我的 phone 中找到图标。
- 我解压了生成的包，它只包含
manifest.json和正确的 ngrok url。 - 我的租户启用了应用程序的旁加载。
- 我是团队的所有者，我正在尝试将此应用加载到其中。
有什么想法吗？谢谢！
轮廓和颜色是PNG图标的相对文件路径。请将两个图标（tab-44.png 和 tab-88.png）作为包的一部分与 manifest.json 文件一起放入。