azure-active-directoryAan de slag met azure-active-directory


Opmerkingen

Deze sectie biedt een overzicht van wat azure-active-directory is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in de azure-active-directory vermelden en een link naar de gerelateerde onderwerpen bevatten. Aangezien de documentatie voor azure-active-directory nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Azure Active Directory B2C - Setup

  1. Maak een Azure AD B2C-directory

    Let op de domeinnaam , deze wordt gebruikt als de tenantName .

  2. Registreer uw applicatie Volg de instructies om een applicatie te maken en zowel Web App als Native client in te schakelen. Raadpleeg Een webtoepassing registreren en een mobiele / native toepassing registreren

    Voer de Antwoord-URL in als http: // localhost: 8100 of een andere poort van waaruit u uw app wilt bedienen.

    Selecteer in E-mailaanvragen ook bij Toepassing Claims .

    Let op de applicatie-ID . Het wordt gebruikt als client-ID .

  3. Maak een aanmeldings- of aanmeldingsbeleid

    Let op de naam van het beleid. Het zal als beleid worden gebruikt.

  4. Maak een wachtwoordresetbeleid

    Let op de naam van het beleid. Het zal worden gebruikt als het wachtwoord-reset-beleid

Pas de Azure AD B2C-gebruikersinterface aan

Het Azure AD B2C-inlogscherm kan worden aangepast aan onze huisstijl. Raadpleeg De gebruikersinterface aanpassen

Raadpleeg https://github.com/NewtonJoshua/Azure-ADB2C-Angularjs-sample

In dit voorbeeld hebben we twee aangepaste UI-schermen,

  • AD B2C Aanmelden en aanmelden Aanmeldenpagina: adCustomPages / unified.html
  • AD B2C-pagina voor opnieuw instellen van wachtwoord: adCustomPages / resetpassword.html

Voer in adCustomPages / unified.html op regel 442 en 445 uw tenantName, wachtwoord-reset-beleid en clientId in

De pagina's moeten in een blob worden geüpload en hun URL moet worden verwezen in het Azure AD B2C-beleid.

  • Maak een opslagaccount zoals vermeld in De voorbeeldinhoud uploaden naar Azure Blob Storage
  • Upload de voorbeeld AD-pagina's in de container en noteer hun URL.
  • Maak voor de gemaakte Blob-service Storage-account een CORS-regel met '*' als TOEGELATEN OORSPRONG. Selecteer alles in TOEGELATEN METHODEN. Voer * ook in voor TOEGELATEN HEADERS en BLOOTGESTELDE HEADERS.
  • Pas uw beleid aan

Nu kunt u in uw applicatie de aangepaste gebruikersinterface zien.

Installatie of instellingen

Gedetailleerde instructies voor het instellen of installeren van azure-active-directory.