首页 > 解决方案 > 在已部署的 Microsoft Teams 自定义个人应用程序上使用 Microsoft Graph 工具包“本地主机拒绝连接”

问题描述

错误:

在此处输入图像描述

我们使用 Microsoft Graph Toolkit 获取登录凭据,以便使用 Microsoft Graph API:https ://docs.microsoft.com/en-us/graph/toolkit/overview

使用 2.1.0 版:

在此处输入图像描述

我们按照本教程进行了 Azure AD 应用注册:https ://docs.microsoft.com/en-us/graph/toolkit/get-started/add-aad-app-registration

在此处输入图像描述

因此,我认为我们需要的是更改 localhost URI 以指向已部署的 Teams 应用程序。类似的东西:https://<teams-tenant>/<teams-app>/auth.html。但我无法弄清楚。

在此处输入图像描述

我错过了什么?

精度/编辑:

重现问题的步骤:

  1. 使用 Microsoft Teams Toolkit Extension 1.2.3 版创建 Teams 应用程序作为没有 SSO 的“个人选项卡”
  2. 按照以下步骤配置 Microsoft Graph Toolkit 版本 2.1.0:https ://docs.microsoft.com/en-us/graph/toolkit/get-started/build-a-microsoft-teams-tab#add-the-microsoft-图形工具包
  3. 确保按照以下步骤创建 Azure Active Directory 应用程序:按照以下步骤添加 Microsoft Graph Toolkit:https ://docs.microsoft.com/en-us/graph/toolkit/get-started/build-a-microsoft-teams -tab#add-the-microsoft-graph-toolkit
  4. 在本地测试和运行(按照以下步骤添加 Microsoft Graph Toolkit:https ://docs.microsoft.com/en-us/graph/toolkit/get-started/build-a-microsoft-teams-tab#add-the-microsoft -graph-toolkit ) - 这应该有效
  5. 在 Teams 管理中心上传 appPackage.zip ( https://docs.microsoft.com/en-us/MicrosoftTeams/manage-apps?toc=%2Fmicrosoftteams%2Fplatform%2Ftoc.json&bc=%2Fmicrosoftteams%2Fplatform%2Fbreadcrumb%2Ftoc.json #customize-an-app )
  6. 在 Teams 中安装应用程序并尝试访问它。一旦它尝试加载应用程序,我们就会收到 localhost 错误。

标签: azure-active-directorymicrosoft-teamsmicrosoft-graph-toolkitteams-toolkit

解决方案


我认为这是您期望看到的: 在此处输入图像描述

好的,所以基本上如果你想在 Teams 上测试应用程序,它应该在某个地方运行:你可以通过npm start在本地运行它,或者将它部署在 Azure 或任何应用程序服务上。

在从本地进行测试之前,无需更改Azure AD 注册的重定向 URI

请确保您的应用使用npm start,然后尝试访问 Teams 选项卡。它应该工作。

谢谢


推荐阅读