使用 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 的示例。