如何在 MS 团队应用程序中创建个人选项卡

Question

我想知道如何在“团队”选项卡中显示 Azure 上的提升的 Angular Web 应用程序。我只想使用提升的 web 应用程序的 url 并展示网站中的内容，就像在个人选项卡中一样。

任何建议或适当的方法将不胜感激。

Answer 1

要在 Teams 选项卡中显示托管 Angular Web 应用程序，您可以创建一个带有个人选项卡的 Teams 应用程序，该选项卡指向托管 Web 应用程序的 URL。 您可以使用 Teams Toolkit 创建带有个人选项卡的新 Teams 应用程序，并将个人选项卡的

contentUrl

属性更新为您的 Web 应用程序的 URL。

"staticTabs": [
    {
        "entityId": "yourEntityId",
        "name": "Your Tab Name",
        "contentUrl": "https://your-angular-web-app.azurewebsites.net",
        "scopes": ["personal"]
    }
]

请注意，您的 Angular Web 应用程序必须允许 Teams 自行构建 iframe，这可以通过在 Web 应用程序中适当设置 X-Frame-Options 和 Content-Security-Policy HTTP 响应标头来完成。