使用 Auth0 的 Microsoft Teams 选项卡加载应用程序

Question

我得到了一个使用 Auth0 进行身份验证的 angular SPA。我尝试将它添加为 Microsoft 团队中的应用程序，通常的用户名和密码登录工作正常，但是，使用 LinkedIn 和 Google 最终无法在实际应用程序中工作，但只能在团队的 Web 客户端版本中工作。

我是 O365 世界的新手，也在为团队开发应用程序，所以我不确定从哪里开始寻找。

我的清单如下所示：

{
  "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.8/MicrosoftTeams.schema.json",
  "manifestVersion": "1.8",
  "id": "XXXXXXXXXXXXXXXX",
  "version": "1.0",
  "packageName": "helloTeams",
  "developer": {
    "name": "Contoso",
    "websiteUrl": "https://www.contoso.com",
    "privacyUrl": "",
    "termsOfUseUrl": "",
    "mpnId": "6006813"
  },
  "name": {
    "short": "Hello world",
    "full": "Hello world"
  },
  "description": {
    "short": "Testing!",
    "full": "Testing!"
  },
  "icons": {
    "outline": "icon-outline.png",
    "color": "icon-color.png"
  },
  "accentColor": "#6b009e",
  "configurableTabs": [],
  "staticTabs": [
    {
      "entityId": "XXXXXXXXXXXXX",
      "name": "Contoso",
      "contentUrl": "https://app.contoso.com/",
      "scopes": [
        "personal"
      ]
    }
  ],
  "bots": [],
  "connectors": [],
  "composeExtensions": [],
  "permissions": [
    "identity",
    "messageTeamMembers"
  ],
  "validDomains": [
    "app.contoso.com", "*.google.com", "*.linkedin.com"
  ],
  "showLoadingIndicator": false,
  "isFullScreen": false
}

我已经尝试过 google 的登录流程和带有重定向和弹出窗口的 linkedin window 它们在 Teams 桌面应用程序中都不起作用（windows ).任何关于从哪里开始看的线索都将不胜感激。

Answer 1

清单文件中的问题。不支持域名通配符

下一个问题是 Teams 应用程序正在执行 iframe，Google 并且 LinkedIn 不支持 iframed 登录。尝试改为执行弹出流程，但随后它在默认浏览器而不是团队中打开弹出窗口。

跟进问题：是否有一种简单的方法可以在 Teams 中打开弹出窗口？否则感觉我需要为团队创建一个全新的登录流程。

使用 Auth0 的 Microsoft Teams 选项卡加载应用程序

Microsoft Teams tab loading app with Auth0

angular

single-sign-on

single-page-application

microsoft-teams

auth0