将应用程序从 react-azure-adb2c 移植到 react-aad

Question

我正在使用 Azure AD B2C。我需要一些反应库来验证我的 react.js 应用程序中的用户。

我从 react-azure-adb2c 开始。登录和注销等主要场景对我来说效果很好。但是，图书馆所有者停止支持图书馆，所以我需要寻找其他图书馆。

正在试验 react-aad。我使用了该示例并获得了建议弹出或重定向登录的漂亮页面。但是，两者都不起作用。很可能我的配置包含错误。如果我不提供授权，我将获得 Microsoft 授权页面，而不是针对我的租户。如果我提供 'https://x5aaas.b2clogin.com/x5aaas.onmicrosoft.com', as directed by this post，我会在控制台 "endpoints_resolution_error:Endpoints cannot be resolved".

中看到错误

似乎有一些配置错误：

provider={
    new MsalAuthProviderFactory({
        authority: 'https://x5aaas.b2clogin.com/x5aaas.onmicrosoft.com', 
        clientID: 'a1568977-3095-4bf6-a6d6-c10c87658488',
        scopes: ['https://x5aaas.onmicrosoft.com/ui/use'],
        type: LoginType.Redirect,
        persistLoginPastSession: true,
        postLogoutRedirectUri: window.origin.location,
    })
}

我使用带有类型脚本的基本 React 应用程序，使用

创建

npx create-react-app <appName> --typescript

这里有什么问题吗？

Answer 1

权限值不正确。你应该使用 https://login.microsoftonline.com/tfp/<your-tenant-name>.onmicrosoft.com/<your-sign-in-sign-up-policy>

your-sign-in-sign-up-policy的值为策略名称。

将应用程序从 react-azure-adb2c 移植到 react-aad

Porting app from react-azure-adb2c to react-aad

azure

reactjs

azure-active-directory

adal