使用 ngrok 侧载应用程序不起作用

Posted 2023-04-18

【中文标题】使用 ngrok 侧载应用程序不起作用

【英文标题】：Sideloading app with ngrok not working

【发布时间】：2018-04-21 23:08:40

【问题描述】：

复制步骤...

我通过 teams yeoman generator（通过 npm 安装）创建了一个 Teams 选项卡应用程序。 我遵循了使用 ngrok 的 locally hosted 选项。 我使用./ngrok http 3007 --host-header=localhost:3007（仍在运行）启动ngrok，并将生成的网址复制/粘贴到我的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 （已编辑子域）

这是我已经确认/调试过的...

转到https://xxxxxxxx.ngrok.io/assets/tab-44.png 和https://xxxxxxxx.ngrok.io/assets/tab-88.png 在浏览器中工作正常。我看到了默认的笑脸图标，并在 ngrok 终端和 Web 界面中看到了请求。 我没有看到任何来自 Teams 的尝试获取 ngrok 界面中的图标的请求。 我还测试了我可以通过手机访问图标。 我解压了生成的包，它只包含 manifest.json 和正确的 ngrok url。 我的租户已启用应用程序旁加载。 我是团队的所有者，我正在尝试将此应用侧载到其中。

有什么想法吗？谢谢！

【参考方案1】：

outline 和 colour 是 PNG 图标的相对文件路径。请将两个图标（tab-44.png 和 tab-88.png）与 manifest.json 文件一起作为包的一部分。

【讨论】：

你是对的。这是架构参考：msdn.microsoft.com/en-us/microsoft-teams/schema