Как реализовать вход в Azure AD B2C в автономной версии Angular v17

Я подписался на этот репозиторий GitHub и использовал приведенный ниже URL-адрес. Я успешно вошел в клиент B2C.

authority: 'https://login.microsoftonline.com/common'

Код:

среда.dev.ts:

export const environment = {
    production: true,
    msalConfig: {
        auth: {
            clientId: '<client_ID>',
            authority: 'https://login.microsoftonline.com/common'
        }
    },
    apiConfig: {
        scopes: ['user.read'],
        uri: 'https://graph.microsoft.com/v1.0/me'
    }
};

Я добавил выходной URL-адрес ниже в Аутентификацию приложения Azure B2C как одностраничное приложение, как показано ниже.

http://localhost:4200/

Выход :

Следующий автономный проект Angular выполнен успешно, как показано ниже.

Вывод браузера:

Как показано в приведенных ниже шагах, я успешно вошел в систему и вышел из клиента B2C.

Для входа в систему B2C обновите файл Environment.dev.ts примерно так:

export const environment = {
    production: false,
    msalConfig: {
        auth: {
            clientId: 'b5c2e510-4a17-4feb-b219-e55aa5b74144',
            authority: 'https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/b2c_1_susi_reset_v2',
            authorityDomain: "your-tenant-name.b2clogin.com"
        }
    },
    apiConfig: {
        scopes: ['user.read'],
        uri: 'https://graph.microsoft.com/v1.0/me'
    }
};

Затем в вашем app.config.ts обновите MSALInstanceFactory() следующим образом:

export function MSALInstanceFactory(): IPublicClientApplication {
  return new PublicClientApplication({
    auth: {
      clientId: environment.msalConfig.auth.clientId,
      authority: environment.msalConfig.auth.authority,
      knownAuthorities: [environment.msalConfig.auth.authorityDomain],
      redirectUri: '/',
      postLogoutRedirectUri: '/'
    },
    cache: {
      cacheLocation: BrowserCacheLocation.LocalStorage
    },
    system: {
      allowNativeBroker: false, // Disables WAM Broker
      loggerOptions: {
        loggerCallback,
        logLevel: LogLevel.Info,
        piiLoggingEnabled: false
      }
    }
  });
}