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

使用Angular SPA MSAL库在Azure B2C上执行用户流,angular,azure,azure-ad-b2c,Angular,Azure,Azure Ad B2c,我已经设置了一个Azure B2C进行实验,并创建了一个signupandsign作为用户流 我跟随github示例了解了如何使用Angular 2+中的MSAL库,因此得到了以下格式: export const protectedResourceMap: [string, string[]][] = [ ['https://graph.microsoft.com/v1.0/me', ['user.read']], ]; function MSALConfigFactory(): Conf

我已经设置了一个Azure B2C进行实验,并创建了一个signupandsign作为用户流

我跟随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用户流?

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

在文档中,您可以看到下面的注释,该注释指向


请参阅B2C Angular SPA的。

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

在文档中,您可以看到下面的注释,该注释指向


请参考B2C Angular SPA的样品。

您看过哪些样品?你有链接吗?这里是一个主要的链接。在某些情况下,如果说租赁是指b2c的政策,文档是可怕的。权限URL需要类似于
https://fabrikamb2c.b2clogin.com/fabrikamb2c.onmicrosoft.com/b2c_1_susi
它引用了教程中提到的使用隐式而非PKCE的策略。这也与微软自己关于使用MSAL 2+的声明相矛盾,MSAL 2+建议使用SPA设置(PKCE)。MSAL 2+关于PKCE的链接您看过哪些样本?你有链接吗?这里是一个主要的链接。在某些情况下,如果说租赁是指b2c的政策,文档是可怕的。权限URL需要类似于
https://fabrikamb2c.b2clogin.com/fabrikamb2c.onmicrosoft.com/b2c_1_susi
它引用了教程中提到的使用隐式而非PKCE的策略。这也与微软自己关于使用MSAL 2+的声明相矛盾,MSAL 2+建议使用SPA设置(PKCE)。MSAL 2+关于PKCE的链接根据我的评论,这遵循隐式方法,不适合SPA应用。Raghavendra你知道MSAL PKCE是否已经被Angular应用程序纠正,还是我们仍然需要使用隐式流?如果是这样的话,你有关于如何设置它的链接吗?根据我的评论,这遵循隐式方法,不适合SPA应用。Raghavendra你知道MSAL PKCE是否已经被Angular应用程序纠正,还是我们仍然需要使用隐式流?如果是的话,你有关于如何设置的链接吗?
Note: A more detailed tutorial covering this sample can be found here.