Konfigurace ověřování v ukázkové desktopové aplikaci WPF pomocí Azure AD B2C

  • Článek

Tento článek používá ukázkovou desktopovou aplikaci Windows Presentation Foundation (WPF) k ilustraci toho, jak do desktopových aplikací přidat ověřování Azure Active Directory B2C (Azure AD B2C).

Přehled

OpenID Connect (OIDC) je ověřovací protokol založený na OAuth 2.0. OIDC můžete použít k bezpečnému přihlašování uživatelů k aplikaci. Tato ukázková desktopová aplikace používá knihovnu Microsoft Authentication Library (MSAL) s ověřovacím klíčem autorizačního kódu OIDC pro tok výměny kódu (PKCE). KNIHOVNA MSAL je knihovna poskytovaná Microsoftem, která zjednodušuje přidávání podpory ověřování a autorizace do desktopových aplikací.

Tok přihlášení zahrnuje následující kroky:

  1. Uživatelé aplikaci otevřou a vyberou přihlásit se.
  2. Aplikace otevře systémový prohlížeč na stolním zařízení a spustí žádost o ověření pro Azure AD B2C.
  3. Uživatelé se zaregistrují nebo přihlásí, resetují heslo nebo se přihlásí pomocí účtu sociální sítě.
  4. Po úspěšném přihlášení uživatelů vrátí Azure AD B2C do aplikace autorizační kód.
  5. Aplikace provede následující akce:
    1. Autorizační kód vymění za token ID, přístupový token a obnovovací token.
    2. Přečte deklarace identity tokenu ID.
    3. Tokeny uloží do mezipaměti v paměti pro pozdější použití.

Přehled registrace aplikací

Pokud chcete aplikaci povolit přihlášení pomocí Azure AD B2C a volání webového rozhraní API, zaregistrujte dvě aplikace v adresáři Azure AD B2C.

  • Registrace desktopové aplikace umožňuje aplikaci přihlásit se pomocí Azure AD B2C. Během registrace aplikace zadejte identifikátor URI pro přesměrování. Identifikátor URI přesměrování je koncový bod, na který jsou uživatelé přesměrováni Azure AD B2C po ověření pomocí Azure AD B2C. Proces registrace aplikace vygeneruje ID aplikace, označované také jako ID klienta, které jedinečně identifikuje vaši desktopovou aplikaci (například ID aplikace: 1).

  • Registrace webového rozhraní API umožňuje vaší aplikaci volat chráněné webové rozhraní API. Registrace zpřístupňuje oprávnění (obory) webového rozhraní API. Proces registrace aplikace vygeneruje ID aplikace, které jednoznačně identifikuje vaše webové rozhraní API (například ID aplikace: 2). Udělte desktopové aplikaci (ID aplikace: 1) oprávnění k oborům webového rozhraní API (ID aplikace: 2).

Registrace aplikace a architektura jsou znázorněny v následujících diagramech:

Diagram desktopové aplikace s webovým rozhraním API, registracemi a tokeny

Volání webového rozhraní API

Po dokončení ověřování uživatelé interagují s aplikací, která vyvolá chráněné webové rozhraní API. Webové rozhraní API používá ověřování nosný token . Nosný token je přístupový token, který aplikace získala z Azure AD B2C. Aplikace předá token v autorizační hlavičce požadavku HTTPS.

Authorization: Bearer <access token>

Pokud obor přístupového tokenu neodpovídá oborům webového rozhraní API, knihovna ověřování získá nový přístupový token se správnými obory.

Tok odhlášení

Tok odhlášení zahrnuje následující kroky:

  1. Z aplikace se uživatelé odhlásí.
  2. Aplikace vymaže objekty relace a knihovna ověřování vymaže mezipaměť tokenů.
  3. Aplikace přenese uživatele do koncového bodu pro odhlášení Azure AD B2C, aby ukončila relaci Azure AD B2C.
  4. Uživatelé jsou přesměrováni zpět do aplikace.

Požadavky

Počítač se sadou Visual Studio 2019 s vývojem desktopových aplikací .NET.

Krok 1: Konfigurace toku uživatele

Když se uživatelé pokusí přihlásit k vaší aplikaci, aplikace prostřednictvím toku uživatele spustí žádost o ověření do koncového bodu autorizace. Tok uživatele definuje a řídí uživatelské prostředí. Jakmile uživatelé dokončí tok uživatele, Azure AD B2C vygeneruje token a přesměruje uživatele zpět do vaší aplikace.

Pokud jste to ještě neudělali, vytvořte tok uživatele nebo vlastní zásadu. Opakováním kroků vytvořte následující tři samostatné toky uživatelů:

  • Kombinovaný tok přihlášení a registrace uživatele, například susi. Tento tok uživatele také podporuje prostředí Zapomenuté heslo .
  • Tok uživatele pro úpravu profilu, například edit_profile.
  • Tok uživatele pro resetování hesla , například reset_password.

Azure AD B2C před název B2C_1_ toku uživatele. Například se změní na susiB2C_1_susi.

Krok 2: Registrace aplikací

Vytvořte desktopovou aplikaci a registraci aplikace webového rozhraní API a zadejte obory webového rozhraní API.

Krok 2.1: Registrace aplikace webového rozhraní API

Pokud chcete vytvořit registraci aplikace webového rozhraní API (ID aplikace: 2), postupujte takto:

  1. Přihlaste se k webu Azure Portal.

  2. Ujistěte se, že používáte adresář, který obsahuje vašeho tenanta Azure AD B2C. Na panelu nástrojů portálu vyberte ikonu Adresáře a předplatná .

  3. Na | nastavení portálu Na stránce Adresáře a předplatná vyhledejte svůj adresář Azure AD B2C v seznamu Název adresáře a pak vyberte Přepnout.

  4. V Azure Portal vyhledejte a vyberte Azure AD B2C.

  5. Vyberte Registrace aplikací a pak vyberte Nová registrace.

  6. Do pole Název zadejte název aplikace (například my-api1). U identifikátoru URI pro přesměrování a Podporované typy účtů ponechte výchozí hodnoty.

  7. Vyberte Zaregistrovat.

  8. Po dokončení registrace aplikace vyberte Přehled.

  9. Poznamenejte si hodnotu ID aplikace (klienta) pro pozdější použití při konfiguraci webové aplikace.

    Snímek obrazovky, který ukazuje, jak získat ID webové aplikace A P I

Krok 2.2: Konfigurace oborů aplikace webového rozhraní API

  1. Výběrem aplikace my-api1 , kterou jste vytvořili (ID aplikace: 2), otevřete její stránku Přehled .

  2. V části Spravovat vyberte Zveřejnit rozhraní API.

  3. Vedle identifikátoru URI ID aplikace vyberte odkaz Nastavit . Nahraďte výchozí hodnotu (GUID) jedinečným názvem (například tasks-api) a pak vyberte Uložit.

    Když webová aplikace požaduje přístupový token pro webové rozhraní API, měla by tento identifikátor URI přidat jako předponu pro každý obor, který pro rozhraní API definujete.

  4. V části Obory definované tímto rozhraním API vyberte Přidat obor.

  5. Vytvoření oboru, který definuje přístup pro čtení k rozhraní API:

    1. Jako Název oboru zadejte tasks.read.
    2. Pro Správa zobrazovaný název souhlasu zadejte oprávnění ke čtení k rozhraní API úloh.
    3. Pokud chcete Správa popis souhlasu, zadejte Povolit přístup pro čtení k rozhraní API úloh.

  6. Vyberte Přidat obor.

  7. Vyberte Přidat obor a pak přidejte obor, který definuje přístup pro zápis do rozhraní API:

    1. Jako Název oboru zadejte tasks.write.
    2. Pro Správa zobrazovaný název souhlasu zadejte oprávnění k zápisu do rozhraní API úloh.
    3. Pokud chcete Správa popis souhlasu, zadejte Povolit přístup k zápisu do rozhraní API úloh.

  8. Vyberte Přidat obor.

Krok 2.3: Registrace desktopové aplikace

Registraci desktopové aplikace vytvoříte takto:

  1. Přihlaste se k webu Azure Portal.
  2. Vyberte Registrace aplikací a pak vyberte Nová registrace.
  3. V části Název zadejte název aplikace (například desktop-app1).
  4. V části Podporované typy účtů vyberte Účty v libovolném zprostředkovateli identity nebo organizačním adresáři (pro ověřování uživatelů s toky uživatelů).
  5. V části Identifikátor URI pro přesměrování vyberte Veřejný klient nebo nativní (desktopová & verze) a pak do pole Adresa URL zadejte https://your-tenant-name.b2clogin.com/oauth2/nativeclient. Nahraďte your-tenant-namenázvem vašeho tenanta. Další možnosti najdete v tématu Konfigurace identifikátoru URI pro přesměrování.
  6. Vyberte Zaregistrovat.
  7. Po dokončení registrace aplikace vyberte Přehled.
  8. Poznamenejte si ID aplikace (klienta) pro pozdější použití při konfiguraci desktopové aplikace. Snímek obrazovky se zvýrazněním ID desktopové aplikace

Krok 2.4: Udělení oprávnění desktopové aplikaci pro webové rozhraní API

Pokud chcete aplikaci (ID aplikace: 1) udělit oprávnění, postupujte takto:

  1. Vyberte Registrace aplikací a pak vyberte aplikaci, kterou jste vytvořili (ID aplikace: 1).

  2. V části Spravovat vyberte Oprávnění rozhraní API.

  3. V části Nakonfigurovaná oprávnění vyberte Přidat oprávnění.

  4. Vyberte kartu Moje rozhraní API .

  5. Vyberte rozhraní API (ID aplikace: 2), ke kterému má mít webová aplikace udělený přístup. Zadejte například my-api1.

  6. V části Oprávnění rozbalte úkoly a pak vyberte obory, které jste definovali dříve (například tasks.read a tasks.write).

  7. Vyberte Přidat oprávnění.

  8. Vyberte Udělit souhlas správce pro < název >tenanta.

  9. Vyberte Ano.

  10. Vyberte Aktualizovat a pak ověřte, že se v části Stav pro oba obory zobrazuje hodnota Uděleno pro.

  11. V seznamu Nakonfigurovaná oprávnění vyberte obor a zkopírujte úplný název oboru.

    Snímek obrazovky s nakonfigurovaným podoknem oprávnění, na kterém je vidět, že jsou udělená oprávnění pro přístup ke čtení

Krok 3: Konfigurace ukázkového webového rozhraní API

Tato ukázka získá přístupový token s příslušnými obory, které desktopová aplikace může použít pro webové rozhraní API. Pokud chcete volat webové rozhraní API z kódu, postupujte takto:

  1. Použijte existující webové rozhraní API nebo vytvořte nové. Další informace najdete v tématu Povolení ověřování ve vlastním webovém rozhraní API pomocí Azure AD B2C.
  2. Po konfiguraci webového rozhraní API zkopírujte identifikátor URI koncového bodu webového rozhraní API. Koncový bod webového rozhraní API použijete v dalších krocích.

Tip

Pokud nemáte webové rozhraní API, můžete tuto ukázku přesto spustit. V takovém případě aplikace vrátí přístupový token, ale nebude moct volat webové rozhraní API.

Krok 4: Získání ukázky desktopové aplikace WPF

  1. Stáhněte si soubor .zip nebo naklonujte ukázkovou webovou aplikaci z úložiště GitHub.

    git clone https://github.com/Azure-Samples/active-directory-b2c-dotnet-desktop.git

  2. Otevřete řešení active-directory-b2c-wpf (soubor active-directory-b2c-wpf.sln ) v sadě Visual Studio.

Krok 5: Konfigurace ukázkové desktopové aplikace

V projektu active-directory-b2c-wpf otevřete soubor App.xaml.cs . Členy App.xaml.cs třídy obsahují informace o zprostředkovateli identity Azure AD B2C. Desktopová aplikace používá tyto informace k navázání vztahu důvěryhodnosti s Azure AD B2C, přihlašování a odhlašování uživatelů, získávání tokenů a jejich ověřování.

Aktualizujte následující členy třídy:

Klíč Hodnota
TenantName První část Azure AD název tenanta B2C (například contoso.b2clogin.com).
ClientId ID desktopové aplikace z kroku 2.3.
PolicySignUpSignIn Tok uživatele registrace nebo přihlašování nebo vlastní zásady, které jste vytvořili v kroku 1.
PolicyEditProfile Tok uživatele nebo vlastní zásady pro úpravu profilu, které jste vytvořili v kroku 1.
ApiEndpoint (Volitelné) Koncový bod webového rozhraní API, který jste vytvořili v kroku 3 (například https://contoso.azurewebsites.net/hello).
ApiScopes Obory webového rozhraní API, které jste vytvořili v kroku 2.4.

Konečný soubor App.xaml.cs by měl vypadat jako následující kód jazyka C#:

public partial class App : Application
{

private static readonly string TenantName = "contoso";
private static readonly string Tenant = $"{TenantName}.onmicrosoft.com";
private static readonly string AzureAdB2CHostname = $"{TenantName}.b2clogin.com";
private static readonly string ClientId = "<web-api-app-application-id>";
private static readonly string RedirectUri = $"https://{TenantName}.b2clogin.com/oauth2/nativeclient";

public static string PolicySignUpSignIn = "b2c_1_susi";
public static string PolicyEditProfile = "b2c_1_edit_profile";
public static string PolicyResetPassword = "b2c_1_reset";

public static string[] ApiScopes = { $"https://{Tenant}//api/tasks.read" };
public static string ApiEndpoint = "https://contoso.azurewebsites.net/hello";

Krok 6: Spuštění a testování desktopové aplikace

  1. Obnovte balíčky NuGet.

  2. Výběrem klávesy F5 sestavte a spusťte ukázku.

  3. Vyberte Přihlásit se a pak se zaregistrujte nebo přihlaste pomocí místního účtu Azure AD B2C nebo účtu na sociálních sítích.

    Snímek obrazovky se zvýrazněným způsobem spuštění toku přihlašování

  4. Po úspěšné registraci nebo přihlášení se podrobnosti o tokenu zobrazí v dolním podokně aplikace WPF.

    Snímek obrazovky se zvýrazněním Azure AD přístupového tokenu B2C a ID uživatele

  5. Pokud chcete volat webové rozhraní API, vyberte Volat rozhraní API.

Další kroky

Zjistěte, jak nakonfigurovat možnosti ověřování v desktopové aplikaci WPF pomocí Azure AD B2C.