Dela via

Snabbstart: Konfigurera inloggning för en ASP.NET-applikation med hjälp av Azure Active Directory B2C

Viktigt!

Från och med den 1 maj 2025 är Azure AD B2C inte längre tillgängligt att köpa för nya kunder. Läs mer i våra vanliga frågor och svar.

Azure Active Directory B2C (Azure AD B2C) tillhandahåller molnidentitetshantering för att skydda ditt program, ditt företag och dina kunder. Med Azure AD B2C kan dina program autentisera till sociala konton och företagskonton med öppna standardprotokoll.

I den här snabbstarten använder du ett ASP.NET-program för att logga in med hjälp av en social identitetsprovider och anropa ett Azure AD B2C-skyddat webb-API.

Förutsättningar

  • Visual Studio 2022 med arbetsuppgiften ASP.NET och webbutveckling.

  • Ett socialt konto från Facebook, Google eller Microsoft.

  • Ladda ned en zip-fil eller klona exempelwebbprogrammet från GitHub.

    git clone https://github.com/Azure-Samples/active-directory-b2c-dotnet-webapp-and-webapi.git

    Det finns två projekt i exempellösningen:

    • TaskWebApp – ett webbprogram som skapar och redigerar en uppgiftslista. Webbprogrammet använder användarflödet för registrering eller inloggning för att registrera eller logga in användare.
    • TaskService – ett webb-API som stöder funktionerna för att skapa, läsa, uppdatera och ta bort aktivitetslistor. Webb-API:et skyddas av Azure AD B2C och anropas av webbappen.

Kör programmet i Visual Studio

  1. Öppna den B2C-WebAPI-DotNet.sln lösningen i Visual Studio i exempelprogrammets projektmapp.

  2. För den här snabbstarten kör du både TaskWebApp - och TaskService-projekten samtidigt. Högerklicka på lösningen B2C-WebAPI-DotNet i Solution Explorer och välj sedan Konfigurera startprojekt....

  3. Välj Flera startprojekt och ändra åtgärden för båda projekten till Start.

  4. Välj OK.

  5. Tryck på F5 för att felsöka båda programmen. Varje program öppnas på sin egen webbläsarflik:

    • https://localhost:44316/ - Den ASP.NET webbapplikationen. Du interagerar direkt med det här programmet i snabbstarten.
    • https://localhost:44332/ – Webb-API:et som anropas av ASP.NET webbappen.

Logga in med ditt konto

  1. Välj Registrera dig/Logga in i ASP.NET webbappen för att starta arbetsflödet.

    Skärmbild som visar exemplet ASP.NET webbapp i webbläsaren med registrerings-/registreringslänken markerad

    Exemplet stöder flera registreringsalternativ, inklusive användning av en social identitetsprovider eller att skapa ett lokalt konto med hjälp av en e-postadress. I den här snabbstarten använder du ett socialt identitetsleverantörskonto från Facebook, Google eller Microsoft.

  2. Azure AD B2C visar en inloggningssida för ett fiktivt företag med namnet Fabrikam för exempelwebbprogrammet. Om du vill registrera dig med en social identitetsprovider väljer du knappen för den identitetsprovider som du vill använda.

    Skärmbild av knapparna för identitetsleverantör på inloggnings- eller registreringssidan

    Du autentiserar (loggar in) med dina autentiseringsuppgifter för ditt sociala konto och ger programmet behörighet att läsa information från ditt sociala konto. Genom att bevilja åtkomst kan programmet hämta profilinformation från det sociala kontot, till exempel ditt namn och din stad.

  3. Slutför inloggningsprocessen för identitetsprovidern.

Redigera din profil

Azure Active Directory B2C tillhandahåller funktioner som gör det möjligt för användare att uppdatera sina profiler. Exempelwebbappen använder ett Azure AD B2C-användarflöde för att redigera profiler för processen.

  1. I programmenyfältet väljer du ditt profilnamn och sedan Redigera profil för att redigera den profil som du skapade.

    Skärmbild av exempelwebbappen i webbläsaren med länken redigera profil markerad

  2. Ändra visningsnamnet eller orten och välj sedan Fortsätt för att uppdatera din profil.

    Ändringen visas i den övre högra delen av webbprogrammets startsida.

Få åtkomst till en skyddad API-resurs

  1. Välj To-Do lista för att ange och ändra dina to-do listobjekt.

  2. I textrutan Nytt objekt anger du text. Om du vill anropa det Azure AD B2C-skyddade webb-API:et som lägger till ett to-do listobjekt väljer du Lägg till.

    Skärmbild av exempelwebbappen i webbläsaren med länken To-Do List och knappen Lägg till markerad.

    Den ASP.NET webbappen innehåller en Microsoft Entra-åtkomsttoken i begäran till den skyddade webb-API-resursen för att utföra åtgärder på användarens to-do listobjekt.

Du har använt ditt Azure AD B2C-användarkonto för att göra ett auktoriserat anrop till ett Azure AD B2C-skyddat webb-API.

Nästa steg

Skapa en Azure Active Directory B2C-klientorganisation i Azure-portalen