Teams 选项卡应用程序 - 在 Teams 之外隐藏 html 视图

【问题标题】：Teams Tab App - Hiding html views outside of TeamsTeams 选项卡应用程序 - 在 Teams 之外隐藏 html 视图
【发布时间】：2020-05-15 07:27:33
【问题描述】：

我有一个应该只在 Teams 选项卡中使用的 Web 应用程序。这是一个带有一堆 html 页面的简单应用程序，由于它使用 SSO 进行身份验证，因此我没有任何显式登录屏幕。我不希望任何人从 Teams 外部访问该应用程序。如果有人尝试在 Teams 之外访问应用程序的任何网页，它应该会引发错误或警告。目前全世界都可以从 Teams 外部加载应用程序的每个 html 页面。有没有简单的方法可以防止这种情况发生？

【问题讨论】：

标签： microsoft-teams

【解决方案1】：

大概您在标签中引用了 Teams JS 库。这里面有一个 “getContext”方法只能在 Teams 内部工作，并且它有一个回调，因此您可以在该回调内执行最终页面渲染，例如：

microsoftTeams.getContext(function(context) { document.getElementById("MainPanel").style.display = ""; })

例如，您将显示默认设置为“无”的地方

【讨论】：

顺便说一句，我必须在我拥有的每个 html 页面中使用这个逻辑吗？
太好了，很高兴为您提供帮助。不确定您是否在每个页面上都需要它 - 这取决于您的具体解决方案。如果是这样，只需在共享的 js 文件中实现它，并在每个页面上使用相同的 html 元素 ID