angular - 使用 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 触发注册和签名用户流程？

Answer 1

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

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

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

请引用Sample适用于 B2C Angular SPA。