为 Azure AD B2C 实施 SSO

Question

我需要为我的 Azure AD B2C 应用程序实施 Microsoft SSO 流程，然后将帐户详细信息存储在我的数据库中。为了进行简单的测试，我在 React 应用程序中执行此操作只是为了查看流程。

我有一个简单的 React 应用程序，我想在此处为 Azure AD B2C 实现 Microsoft SSO。 我有我的租户名称、ID、秘密等。我还将重定向 URI 设置为“http://localhost:5000”（对于我的 React 应用程序）。

当 SSO 注册弹出窗口打开时，它会显示：

The provided application with ID is not valid against this service. Please use an application created via the B2C portal and try again.

export const msalConfig = {
    auth: {
        clientId: '<clientId>',
        authority: `https://<tenantName>.b2clogin.com/<tenantName>.onmicrosoft.com/<policy>/v2.0/`,
        redirectUri: 'http://localhost:5000',
        knownAuthorities: ['<tenantName>.b2clogin.com'],
    },
};

export const loginRequest = {
    scopes: ['openid', 'profile', 'User.Read'],
};

初始化 msal 后，当 Microsoft SSO 的浏览器窗口打开时，它只会显示：

The provided application with ID is not valid against this service. Please use an application created via the B2C portal and try again.

我本质上想做的是获得 OAuth2 Microsoft SSO 注册/登录屏幕，然后输入我的 microsoft 帐户详细信息（组织或个人）并登录。

Answer 1

最初，当我使用帐户类型的应用程序而不是支持用户流的应用程序时，我也遇到了同样的错误：

要解决该错误，请确保使用支持 B2C 租户中的用户流选项的以下帐户类型注册应用程序：

当我使用上面的应用程序ID更新配置文件并运行项目时，我成功弹出了“注册和登录”流程屏幕：