Полное руководство по URL-адресу выхода из Azure B2C: методы и примеры кода

Azure Active Directory B2C (бизнес для клиентов) — это облачная служба управления идентификацией, предоставляемая Microsoft. Он позволяет разработчикам добавлять аутентификацию пользователей в свои приложения, позволяя пользователям регистрироваться, входить в систему и управлять своими профилями. В этой статье мы рассмотрим различные методы и примеры кода для реализации URL-адреса выхода из системы в Azure B2C. Мы рассмотрим различные сценарии и предоставим пошаговые инструкции, которые помогут вам легко интегрировать функцию выхода из системы в ваше приложение.

Метод 1. Использование встроенного URL-адреса выхода из Azure B2C
Самый простой способ реализовать функцию выхода из системы в Azure B2C — использовать встроенный URL-адрес выхода, предоставленный службой. Этот URL-адрес можно использовать в качестве гиперссылки или кнопки в пользовательском интерфейсе вашего приложения для запуска процесса выхода из системы. Вот пример того, как его использовать:

<a href="https://yourtenant.b2clogin.com/yourtenant.onmicrosoft.com/oauth2/v2.0/logout?p=your-sign-in-policy-name">Sign Out</a>

Метод 2. Очистка файлов cookie и токенов браузера.
Другой подход к выходу пользователя из Azure B2C — очистка файлов cookie и токенов браузера, связанных с сеансом, прошедшим проверку подлинности. Этот метод обеспечивает полный выход из системы, удаляя все следы сеанса пользователя. Ниже приведен пример того, как этого можно добиться с помощью JavaScript:

function logout() {
    // Clear B2C cookies
    document.cookie = "your-cookie-name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

    // Clear B2C tokens
    window.localStorage.removeItem("your-local-storage-item");
    window.sessionStorage.removeItem("your-session-storage-item");

    // Redirect to the sign-out URL
    window.location.href = "https://yourtenant.b2clogin.com/yourtenant.onmicrosoft.com/oauth2/v2.0/logout?p=your-sign-in-policy-name";
}

Метод 3. Использование библиотеки аутентификации Azure AD B2C (MSAL).
Если вы используете клиентскую платформу, например Angular, React или Vue.js, вы можете использовать библиотеку аутентификации Azure AD B2C (MSAL). ) для обработки процесса выхода из системы. MSAL предоставляет набор API-интерфейсов, которые упрощают операции аутентификации и выхода из системы. Вот пример использования MSAL для выхода из приложения Angular:

import { Component } from '@angular/core';
import { MsalService } from '@azure/msal-angular';
@Component({
  selector: 'app-root',
  template: `
    <button (click)="logout()">Sign Out</button>
  `,
})
export class AppComponent {
  constructor(private authService: MsalService) {}
  logout() {
    this.authService.logout();
  }
}

В этой статье мы рассмотрели различные методы реализации URL-адреса выхода из системы в Azure B2C. Мы рассмотрели использование встроенного URL-адреса выхода, очистку файлов cookie и токенов браузера, а также использование библиотеки аутентификации Azure AD B2C (MSAL) для клиентских платформ. В зависимости от требований вашего приложения и стека технологий вы можете выбрать наиболее подходящий метод, чтобы обеспечить беспрепятственный выход из системы для ваших пользователей. Следуя приведенным примерам кода и инструкциям, вы сможете легко интегрировать функцию выхода из системы в свое приложение с поддержкой Azure B2C.