使用 Angular SPA MSAL 库在 Azure B2C 上执行用户流程

Question

我已经设置了一个 Azure B2C 进行实验，并创建了一个注册和签名作为用户流程。

我遵循了 github 示例，了解如何使用 Angular 2+ 中的 MSAL 库，结果得到了这种格式：

export const protectedResourceMap: [string, string[]][] = [
  ['https://graph.microsoft.com/v1.0/me', ['user.read']],
];

function MSALConfigFactory(): Configuration {
  return {
    auth: {
      clientId: environment.clientId,
      authority: environment.authority,
      validateAuthority: true,
      redirectUri: environment.redirectUrl,
      postLogoutRedirectUri: environment.redirectUrl,
      navigateToLoginRequestUrl: true,
    },
    cache: {
      storeAuthStateInCookie: false, // set to true for IE 11
    },
  };
}

function MSALAngularConfigFactory(): MsalAngularConfiguration {
  return {
    popUp: false,
    protectedResourceMap
  };
}

export const environment = {
  production: false,
  clientId: '22ccxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
  authority: 'https://login.microsoftonline.com/bc5xxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/',
  redirectUrl: 'http://localhost:4200'
};

但是登录页面所需的一切，并没有给我任何注册选项。 如何从我的 Angular SPA 触发 signupandsign 用户流程？

Answer 1

您所指的示例可帮助您登录用户并从 Angular 单页应用程序调用 Microsoft Graph API。

在文档中，您可以看到下面的注释，它指向教程

Note: A more detailed tutorial covering this sample can be found here. 

请参阅 B2C Angular SPA 的示例。