Snelstart: Aanmelden instellen voor een app met één pagina met behulp van Azure Active Directory B2C

Belangrijk

Vanaf 1 mei 2025 is Azure AD B2C niet meer beschikbaar voor nieuwe klanten. Meer informatie vindt u in onze veelgestelde vragen.

Azure Active Directory B2C (Azure AD B2C) biedt cloudidentiteitsbeheer om uw toepassing, bedrijf en klanten te beschermen. Met Azure AD B2C kunnen uw toepassingen worden geverifieerd bij sociale accounts en ondernemingsaccounts met behulp van open standaardprotocollen.

In deze quickstart gebruikt u een toepassing met één pagina om u aan te melden met een sociale id-provider en een Azure AD B2C-beveiligde web-API aan te roepen.

Vereiste voorwaarden

• Visual Studio Code

• Node.js

• Sociaal account van Facebook, Google of Microsoft

• Codevoorbeeld van GitHub: ms-identity-b2c-javascript-spa:

  U kunt het zip-archief downloaden of de repository klonen

  git clone https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa.git
  

De toepassing uitvoeren

1. Start de server door de volgende opdrachten uit te voeren vanaf de opdrachtprompt van Node.js:

   npm install
   npm update
   npm start
   

   De server die door server.js is gestart, geeft de poort weer waarop hij luistert:

   Listening on port 6420...
   

2. Blader naar de URL van de applicatie. Bijvoorbeeld: http://localhost:6420.

Aanmelden met uw account

1. Selecteer Aanmelden om de gebruikersreis te starten.

2. Azure AD B2C presenteert een aanmeldingspagina voor een fictief bedrijf met de naam 'Fabrikam' voor de voorbeeldwebtoepassing. Als u zich wilt registreren met een sociale id-provider, selecteert u de knop van de id-provider die u wilt gebruiken.

   

   U verifieert (meldt u aan) met behulp van de referenties van uw sociale account en autoriseert de toepassing om gegevens van uw sociale account te lezen. Door toegang te verlenen, kan de toepassing profielgegevens ophalen uit het sociale account, zoals uw naam en plaats.

3. Voltooi het aanmeldingsproces voor de id-provider.

Toegang krijgen tot een beveiligde API-resource

Selecteer Aanroep-API als u uw weergavenaam wilt laten retourneren vanuit de web-API als een JSON-object.

De voorbeeldtoepassing met één pagina bevat een toegangstoken in de aanvraag voor de beveiligde web-API-resource.

Volgende stappen

• Ga aan de slag met het maken van uw eigen Azure Active Directory B2C-tenant in de Azure Portal