Reactjs 通过MS团队个人选项卡中的React SPA对Sharepoint Online站点进行身份验证

将Sharepoint Online站点添加到MS Teams静态选项卡时，引用此选项非常有帮助，但在同一应用程序中使用React单页应用程序选项卡和Sharepoint Online选项卡时，我该如何操作

 {
  "entityId": "id1",
  "name": "name1",
  "contentUrl": "https://*********.sharepoint.com/_layouts/15/teamslogon.aspx?SPFX=true&dest=/SitePages/Home.aspx",
  "scopes": [
    "personal"
  ]
},
{
  "entityId": "id2",
  "name": "name2",
  "contentUrl": "https://{{HOSTNAME}}/tab",
  "scopes": [
    "personal"
  ]
}],

由于我需要将定义的源设置为React SPA所需的AAD应用程序，因此我无法在MS Team桌面应用程序中验证和显示Sharepointsite

"webApplicationInfo": {
"id": "xxxxxx-xxxx-xxxx-xxxx-xxxxxxxx",
"resource": "api://subdomain.domain.com/xxxxxx-xxxx-xxxx-xxxx-xxxxxxxx"},

我错过了什么明显的东西吗？我是否需要通过AAD应用程序对Sharepoint进行身份验证？如果需要，使用哪种身份验证方法

---

非常感谢你的帮助

@AdoTbo，您的webapplicationinfo看起来不错，只需确保传递了正确的值即可。您只需要执行AD身份验证。SharePoint身份验证在内部也使用AD身份验证。

---

您可以与SharePoint交换AAD令牌，SharePoint是为应用程序资源生成的。请检查一下电话号码

@AdoTbo，您的webapplicationinfo看起来不错，只需确保传递了正确的值即可。您只需要执行AD身份验证。SharePoint身份验证在内部也使用AD身份验证。 您可以与SharePoint交换AAD令牌，SharePoint是为应用程序资源生成的。请检查一下电话号码