Dela via

Snabbstart: Konfigurera inloggning för en ensidesapp med Azure Active Directory B2C

  • Artikel

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 program autentisera med konton på sociala medier och företagskonton med öppna protokoll.

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

Förutsättningar

Kör programmet

  1. Starta servern genom att köra följande kommandon från Node.js-kommandotolken:

    npm install
npm update
npm start

    Servern som startas av server.js visar den port som den lyssnar på:

    Listening on port 6420...

  2. Bläddra till programmets URL. Till exempel http://localhost:6420.

Skärmbild av ensidesappexempelapp som visas i webbläsarfönstret.

Logga in på ditt konto

  1. Välj Logga in för att starta användarresan.

  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 inloggnings- eller registreringssidan med knappar för identitetsprovider

    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. När du beviljar åtkomst kan programmet hämta profilinformation från det sociala kontot, till exempel ditt namn och din ort.

  3. Avsluta inloggningsprocessen för identitetsprovidern.

Få åtkomst till en skyddad API-resurs

Välj Anropa API för att få visningsnamnet returnerat från webb-API:et som ett JSON-objekt.

Skärmbild av webb-API-svar som visas i exempelprogrammet i webbläsarfönstret.

Det enkelsidiga exempelprogrammet innehåller en åtkomsttoken i begäran till den skyddade webb-API-resursen.

Nästa steg