如何在 Teams 中轻松授权

Question

我创建了一个 Azure Web 应用程序 (https://github.com/microsoft/sample-app-aoai-chatGPT)，并使用 Easy Auth 进行授权，并且它在 Web 应用程序本身中运行良好。但是，我的目标是将此示例应用程序也作为个人应用程序集成到 Microsoft Teams 中。有没有办法在 Teams 环境中启用授权流程？我面临的挑战是，当我创建 Teams 应用程序并上传它时，我总是遇到空白屏幕，并伴有错误消息“拒绝在框架中显示“login.microsoftonline...”，因为它设置了“X-”框架选项'改为'拒绝'。”我不确定如何在 Teams 中以弹出窗口的形式实现此授权方法。

Answer 1

您遇到的错误消息与“X-Frame-Options”相关，这是一项安全功能，可防止您的网页加载到 iframe 中。请确保您的网络应用程序是 iFramable 并且包含在应用程序清单的有效域中。

还将 Content-Security-Policy 标头设置为

'frame-ancestors teams.microsoft.com *.teams.microsoft.com *.skype.com'

。

为了兼容 Internet Explorer 11，请设置 X-Content-Security-Policy。或者，将 X-Frame-Options 标头设置为

'ALLOW-FROM https://teams.microsoft.com/'

。