问题标签 [microsoft-graph-toolkit]

首先，我按照贡献指南中的描述通过克隆、恢复和构建它来准备 repo。

运行yarn start应用程序时在 localhost 上启动。我使用 Microsoft 帐户（没有工作或学校帐户）登录，最终我看到 HTTP 431（请求标头字段太大）。

有一个Cookie8563 个字符长的标头，似乎是几个 JWT 的聚合。它是这样的：

msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.client.info=eyJ1aWQiOiIwMDAwMDAwMC0wMDAw...；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.login.request|c8591ba7-8643-4dd0-a86c-38240fd5c6e9=http://localhost:3000/；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.authority|c8591ba7-8643-4dd0-a86c-38240fd5c6e9=https://login.microsoftonline.com/common/；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.nonce.idtoken|c8591ba7-8643-4dd0-a86c-38240fd5c6e9=950c6017-41e9-4244-a874-02e7d8d40f47；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.state.acquireToken|c8591ba7-8643-4dd0-a86c-38240fd5c6e9=eyJpZCI6ImM4NTkx...;msal.a974dfa0-9f57-49b9-95db-90f04ce211login. -44db-8be3-8a21d26c4f2d=http://localhost:3000/；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.authority|965aad0f-7740-44db-8be3-8a21d26c4f2d=https://login.microsoftonline.com/common/；萨尔。a974dfa0-9f57-49b9-95db-90f04ce2111a.nonce.idtoken|965aad0f-7740-44db-8be3-8a21d26c4f2d=5b3e211d-6756-4892-b50d-17cdebbd18b3；msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.state.acquireToken|965aad0f-7740-44db-8be3-8a21d26c4f2d=eyJpZCI6Ijk2NWFhZDBm

这种情况持续了相当长的一段时间，介于两者之间的是：

msal.a974dfa0-9f57-49b9-95db-90f04ce2111a.error.description=静默身份验证被拒绝。用户必须首先登录并在需要时授予客户端应用程序访问范围“user.read people.read user.readbasic.all contacts.read calendars.read presence.read.all tasks.readwrite presence.read user.read”的权限。 all group.read.all tasks.read openid profile'.;

当然，我已经接受了所有这些许可请求，甚至撤销了一次并重新授权重新开始。

我没有得到什么？

我使用 Win 10、节点 12.19.0 和 VS Code 1.51.1。并访问index.html文件中默认提供的应用程序（Amazing Microsoft Graph Toolkit App - 客户端 ID a974dfa0-9f57-49b9-95db-90f04ce2111a） 。

感谢您的任何提示。

我正在使用 Microsoft Graph Toolkit 将人员选择器添加到我的 REACT 应用程序中。人物选择器功能正在运行，但在浏览器控制台上它正在记录使用照片 API 的错误。由于组件背后的代码是抽象的，因此不确定到底发生了什么。有人遇到过这个问题或任何关于控制台错误原因的线索吗？

控制台上的错误低于“HTTPMessageHandler.ts:31 GET https://graph.microsoft.com/v1.0/users/Otayeb@isdbdev.org/photo/$value 404（未找到）”。如您所见，它正在尝试从图形端点获取用户的照片，并且未填充动态值。

}

我正在使用 Microsoft Graph Toolkit People Picker 组件，如文档 [https://docs.microsoft.com/en-us/graph/toolkit/components/people-picker][1] 中所示。

所有功能都运行良好，但无法将人员选择器设置为禁用/只读。我试过 `disabled="true" 但没有运气。有人遇到过类似的情况吗？

另请注意，我正在使用来自 NPM 的 @microsoft/mgt-react 包

我正在尝试使用我自己的 MSAL 代码一起工作。使用 .NET Core 5 MVC 开发。我在下面的链接中发现了类似的问题。但我只是不知道如何使它与建议的答案一起工作。或者换句话说，我仍然对这种集成是如何完成的感到困惑。

[必须使用登录组件才能使用其他组件]必须使用登录组件才能使用其他组件

[MSAL JS 快速入门] https://github.com/microsoftgraph/microsoft-graph-toolkit/blob/main/samples/examples/simple-provider.html

我也读过以下文章：[简单提供程序示例] https://github.com/microsoftgraph/microsoft-graph-toolkit/blob/main/samples/examples/simple-provider.html

[围绕 microsoft graph 工具包第 7 天] https://developer.microsoft.com/en-us/office/blogs/a-lap-around-microsoft-graph-toolkit-day-7-microsoft-graph-toolkit-提供者/

是否有人可以向我指出有关如何存档的更多详细信息。

有人可以在下面的回复中进一步解释。怎么做。我应该在哪里放置代码以及如何将 AccessToken 返回给 SimpleProvider？

编辑：

除了问题之外，更新我的问题以更准确地表达我想要的内容。下面是我在 Startup.cs 中使用的代码，用于在用户使用 Web 应用程序时自动触发弹出屏幕。使用提供的示例时，始终无法获取接收到的访问令牌或用户 ID 数据。问题 2：如何将收到的令牌保存或存储在内存或缓存或 cookie 中以供 ProxyController 及其类以后使用。

//_layouts.aspx下的登录链接
<a class="nav-link" asp-area="MicrosoftIdentity" asp-controller="Account" asp-action="SignIn">Sign in</a>

我生成了一个项目，yo office用于创建基于 Angular 的办公插件。当我将 @microsoft/mgt 库添加到该项目时（根据https://docs.microsoft.com/en-us/graph/toolkit/get-started/use-toolkit-with-angular），我收到一条错误消息

当我添加时会发生这种情况

到 app.component.ts 的 ngOnInit()。删除此语句可以很好地加载 Office，并让我使用我的插件。我可以在我的代码中做些什么来解决这个问题吗？或者这是两个 Microsoft 库之间的不兼容？

我们目前有一个 SPFX webpart（React 应用程序），它使用 SSO，然后“代表”用户调用 Graph API。SPFX 包安装到 SharePoint/Teams 中，安装包的管理员同意使用 Graph API。我们想要更简单的用户体验，让他们能够从 Microsoft Teams 应用商店下载应用。

是否可以使用带有静默身份验证的Microsoft Graph Toolkit 2.0来提供与 SPFX Webpart 相同的无缝体验？我能够找到的唯一示例使用TeamsProvider，但登录必须由用户启动，并且需要显示一个弹出窗口。最终，我们希望获得没有弹出窗口的体验。这可能吗？您能否提供一个链接到调用需要额外范围（例如 Mail.Read）的 Graph API 的工作示例？

我还看到了许多使用 ADAL 而不是 MSAL 或最新的 Microsoft Graph Toolkit 的示例。我们应该使用 ADAL 还是 MSAL 来实现这一点？

下面显示了使用在 App.tsx 中初始化的 TeamsProvider 的代码以及当用户使用 Teams 选项卡中的Login组件启动登录时的 Auth.tsx 弹出窗口：

应用程序.tsx：

身份验证.tsx

我想在悬停或单击人员对象时将其他详细信息插入显示的人员卡中。我已经看到了几个关于如何使用 Web 组件来实现这一点的示例，但没有一个关于使用 React 版本进行设置的示例。

您能否提供一个示例，例如这个，但对于 React：

我的示例代码：

如何从这里开始？

使用defaultGet 组件中的模板，返回整个结果。使用 React Graph Toolkit 组件时，如何在创建的模板中循环遍历此结果集，并创建 f.ex。每个结果项的人员组件？

我正在使用 React 16.12.0 和

版本“^2.0.1”。

我没有找到的是：

1. 如何在使用 defaultSelectedUserIds 并传递要加载的默认 ID 时使用 Promise。当页面加载时 PeoplePicker 输入为空，几秒钟后加载数据。PeoplePicker 是否支持承诺？

2. 将默认 Ids 传递给 defaultSelectedUserIds 时，对象“e.target.selectedPeople”中的数据加载如下：

如果我们添加一个新用户，这会有所不同，其中对象包含更多数据：

这是正常行为还是我可以在使用 'defaultSelectedUserIds' 时加载相同的数据集？

谢谢

我已在人员卡中添加了其他详细信息，与此非常相似：

但是，将在此处呈现的内容来自另一个数据源。而且由于我正在渲染许多 mgt-person 对象，这将在页面上产生大量网络流量。

是否可以根据事件或类似事件插入其他详细信息？因此，一旦用户悬停或单击 mgt-person 对象并打开 mgt-person-card 对象，那么附加详细信息会被加载并显示？