在团队自定义应用程序上使用没有用户（应用程序身份）的Microsoft Graph API

Question

我一直在使用TeamSFX SDK开发团队自定义应用程序。 我想使用应用程序身份使用Microsoft Graph API。 因此，我提到了Microsoft官方文档，但是我无法实现自己想做的事情。

- 引用文档：。 在“创建MicrosoftGraplClient Service”下，“ Indoke Graph API没有用户（应用程序身份）”部分。

我尝试了以下操作：

1. 我从“ SSO启用”选项卡中创建了一个新的Teams应用程序，并在Visual Studio Code上使用Teams Toolkit创建了一个新团队应用程序。
2. 我在下面编辑了一个Graph.jsx，以获取用户信息。

import { createMicrosoftGraphClient, IdentityType, TeamsFx } from "@microsoft/teamsfx";
useEffect(() => {
    const getProfile = async () => {
        const teamsfx = new TeamsFx(IdentityType.App);
        const graphClient = createMicrosoftGraphClient(teamsfx);
        const profile = await graphClient.api("/users/[email protected]").get();
        return profile;
    };
    const profile = getProfile();
}, []);

3. 我通过在Visual Studio代码中击中F5密钥来调试项目。

尽管我尝试了该文档所说的话，但控制台日志表示“ TeamSFX中不支持应用程序身份”。

我应该如何编辑我的projec以使用Microsoft Graph API，而无需用户身份（即使用应用程序身份）？

Answer 1

浏览器（选项卡页面）中不支持应用程序身份，因此您需要服务器环境来使用它。

您可以添加一个Azure功能，并在其中使用应用程序身份来实现所需的效果。这是Teams Toolkit v4.0.1中的步骤：

1. 从“启用SSO”选项卡”模板中创建新项目。
2. 选择默认名称的“添加功能”中的“ Azure函数”。
3. 修改“ API/GetUserProfile/index.ts”中的代码。

teamsfx = new TeamsFx(IdentityType.App);
...
const graphClient: Client = createMicrosoftGraphClient(teamsfx, [".default"]);
const profile: any = await graphClient.api("/users/[email protected]").get();
res.body.graphClientMessage = profile;

4. 在AAD门户上配置“ user.read.all”权限和授予管理员同意。
5. 在选项卡页面上运行“ F5”，然后单击“调用Azure函数”，将调用Azure函数，并使用应用程序身份获取图形数据。您应该在下面查看用户信息。

Answer 2

您要做的是不安全的，因为您的代码作为应用程序级别的安全性运行，但在客户端端运行。具有这种特权的代码只能在服务器端或在受保护的API后面运行（例如，它使用SSO验证用户的安全性以确保用户有效，然后在服务器上执行）。

该视频对它应该如何工作给出了一些想法： https：// https：//www.youtube 。

​然后打电话）。您可以跳过该部分，只使用应用程序令牌，但是如我所提到的那样，您应该在服务器中而不是在客户端上发生这种情况。