Reactjs 与 Azure Ouath

Question

我们在我们的应用程序（使用 Adobe AEM + Reactjs 构建）中使用 ReactJs。 这不是 SPA 项目，我们在某些页面中使用 reactjs 组件，我们使用 ReactDOM.render 使用 DOM 元素进行渲染。

我们希望对特定页面组件进行 SSO，而不是对整个站点进行 SSO。 我们有正确的 Azure 租户和客户 ID。

1. 我们使用react-aad-msal npm 来实现这一点。 但是 url 就像https://login.microsoftonline.com/common//discovery/instance ？ 而不是https://login.microsoftonline.com/ /oauth2/v2.0/authorize。 我不知道我们在这里犯了什么错误。

2）我们是否有更好的方法或 npm 在组件级别实现这一目标，而不是我的第一种方法。

提前致谢。

Answer 1

微软目前正在构建一个官方的@azure/msal-react 库，它将取代 react-aad-msal。 虽然此库将一直保留到那时，但不建议将其用于新应用程序，因为它依赖于旧的 MSAL 1.0 依赖项，这些依赖项基于存在已知问题的旧身份验证流程。 将有一些中间更新来帮助支持到官方库的迁移路径，但此时，react-aad-msal 计划被弃用。 如果这个应用程序处于开发的早期阶段，我建议实现 @azure/msal-react 库。 在这里了解更多。