Share via

Gebruikers aanmelden voor een voorbeeld ASP.NET web-app in een Microsoft Entra-id voor de tenant van klanten

  • Artikel

Deze handleiding maakt gebruik van een voorbeeld ASP.NET webtoepassing om de basisprincipes van moderne verificatie weer te geven met behulp van de Microsoft Authentication Library voor .NET en Microsoft Identity Web voor ASP.NET om verificatie af te handelen.

In dit artikel registreert u een webtoepassing in het Microsoft Entra-beheercentrum en maakt u een gebruikersstroom voor aanmelden en afmelden. U koppelt uw webtoepassing aan de gebruikersstroom, downloadt en werkt een voorbeeld ASP.NET webtoepassing bij met behulp van uw eigen Microsoft Entra-id voor tenantgegevens van klanten. Ten slotte voert u de voorbeeldwebtoepassing uit en test u deze.

Vereisten

De web-app registreren

Als u wilt dat uw toepassing gebruikers kan aanmelden met Microsoft Entra, moet Microsoft Entra-id voor klanten op de hoogte worden gesteld van de toepassing die u maakt. De app-registratie brengt een vertrouwensrelatie tot stand tussen de app en Microsoft Entra. Wanneer u een toepassing registreert, genereert Externe id een unieke id die een toepassings-id (client-id) wordt genoemd, een waarde die wordt gebruikt om uw app te identificeren bij het maken van verificatieaanvragen.

In de volgende stappen ziet u hoe u uw app registreert in het Microsoft Entra-beheercentrum:

  1. Meld u aan bij het Microsoft Entra-beheercentrum als ten minste een toepassingsontwikkelaar.

  2. Als u toegang hebt tot meerdere tenants, gebruikt u het filter Mappen en abonnementen in het bovenste menu om over te schakelen naar de tenant van uw klant.

  3. Blader naar Identiteitstoepassingen>>App-registraties.

  4. Selecteer + Nieuwe registratie.

  5. Op de pagina Een toepassing registreren die wordt weergegeven;

    1. Voer een betekenisvolle toepassingsnaam in die wordt weergegeven aan gebruikers van de app, bijvoorbeeld ciam-client-app.
    2. Onder Ondersteunde accounttypen selecteert u Enkel accounts in deze organisatieadreslijst.

  6. Selecteer Registreren.

  7. Het deelvenster Overzicht van de toepassing wordt weergegeven wanneer de registratie is geslaagd. Noteer de toepassings-id (client) die moet worden gebruikt in de broncode van uw toepassing.

Het platform en de URL's definiëren

Voer de volgende stappen uit om uw app-type op te geven voor uw app-registratie:

  1. Selecteer Verificatie onder Beheren.
  2. Selecteer op de pagina Platformconfiguratiesde optie Een platform toevoegen en selecteer vervolgens de optie Web .
  3. Voer voor de omleidings-URI's in https://localhost:7274/signin-oidc.
  4. Voer onder Afmeldings-URL voor frontkanaal in https://localhost:7274/signout-callback-oidc om u af te melden.
  5. Selecteer Configureren om uw wijzigingen op te slaan.

App-clientgeheim toevoegen

Maak vervolgens een clientgeheim voor de geregistreerde toepassing. De toepassing gebruikt het clientgeheim om de identiteit te bewijzen wanneer er tokens worden aangevraagd.

  1. Selecteer op de pagina App-registraties de toepassing die u hebt gemaakt (zoals ciam-client-app) om de pagina Overzicht te openen.
  2. Selecteer onder Beheren de optie Certificaten en geheimen.
  3. Selecteer Nieuw clientgeheim.
  4. Voer in het vak Beschrijving een beschrijving in voor het clientgeheim (bijvoorbeeld clientgeheim van ciam-app).
  5. Selecteer onder Verloopt een duur waarvoor het geheim geldig is (volgens de beveiligingsregels van uw organisatie) en selecteer vervolgens Toevoegen.
  6. Noteer de Waarde van het geheim. U gebruikt deze waarde voor configuratie in een latere stap.

Notitie

De geheime waarde wordt niet meer weergegeven en kan op geen enkele manier worden opgehaald nadat u de pagina Certificaten en geheimen hebt verwijderd. Zorg er dus voor dat u de waarde opneemt.
Voor een betere beveiliging kunt u overwegen certificaten te gebruiken in plaats van clientgeheimen.

API-machtigingen verlenen

  1. Selecteer op de pagina App-registraties de toepassing die u hebt gemaakt (zoals ciam-client-app) om de pagina Overzicht te openen.

  2. Selecteer onder Beheren de optie API-machtigingen.

  3. Selecteer onder Geconfigureerde machtigingen de optie Een machtiging toevoegen.

  4. Selecteer het tabblad Microsoft API's .

  5. Selecteer in de sectie Veelgebruikte Microsoft-API'sde optie Microsoft Graph.

  6. Selecteer de optie Gedelegeerde machtigingen .

  7. Zoek en selecteer in de sectie Machtigingen selecteren zowel openid als offline_access machtigingen.

  8. Selecteer de knop Toestemmingen toevoegen.

  9. Op dit moment hebt u de machtigingen correct toegewezen. Omdat de tenant echter de tenant van een klant is, kunnen de consumentengebruikers zelf geen toestemming geven voor deze machtigingen. U als beheerder moet toestemming geven voor deze machtigingen namens alle gebruikers in de tenant:

    1. Selecteer Beheerderstoestemming verlenen voor <uw tenantnaam> en selecteer vervolgens Ja.
    2. Selecteer Vernieuwen en controleer vervolgens of Verleend voor <uw tenantnaam> wordt weergegeven onder Status voor beide bereiken.

Een gebruikersstroom maken

Volg deze stappen om een gebruikersstroom te maken die een klant kan gebruiken om zich aan te melden of te registreren voor een toepassing.

  1. Meld u aan bij het Microsoft Entra-beheercentrum als ten minste een beheerder van de gebruikersstroom voor externe id's.

  2. Als u toegang hebt tot meerdere tenants, gebruikt u het filter Mappen en abonnementen in het bovenste menu om over te schakelen naar de tenant van uw klant.

  3. Blader naar Identiteitsgebruikersstromen>voor externe identiteiten>.

  4. Selecteer + Nieuwe gebruikersstroom.

  5. Op de pagina Maken :

    1. Voer een naam in voor de gebruikersstroom, zoals SignInSignUpSample.

    2. Selecteer Email Accounts in de lijst Id-providers. Met deze id-provider kunnen gebruikers zich aanmelden of registreren met hun e-mailadres.

      Notitie

      Aanvullende id-providers worden hier alleen weergegeven nadat u federatie met hen hebt ingesteld. Als u bijvoorbeeld federatie met Google of Facebook instelt, kunt u deze extra id-providers hier selecteren.

    3. Onder Email accounts kunt u een van de twee opties selecteren. Voor deze zelfstudie selecteert u Email met wachtwoord.

      • Email met wachtwoord: hiermee kunnen nieuwe gebruikers zich registreren en zich aanmelden met een e-mailadres als aanmeldingsnaam en een wachtwoord als hun eerste factorreferentie.

      • Email eenmalige wachtwoordcode: hiermee kunnen nieuwe gebruikers zich registreren en zich aanmelden met behulp van een e-mailadres als aanmeldingsnaam en een eenmalige wachtwoordcode per e-mail verzenden als hun eerste factorreferentie.

        Notitie

        Email eenmalige wachtwoordcode moet zijn ingeschakeld op tenantniveau (Alle id-providers>Email Eenmalige wachtwoordcode) om deze optie beschikbaar te maken op gebruikersstroomniveau.

    4. Kies onder Gebruikerskenmerken de kenmerken die u wilt verzamelen van de gebruiker bij de registratie. Als u Meer weergeven selecteert, kunt u kenmerken en claims kiezen voor Land/regio, Weergavenaam en Postcode. Selecteer OK. (Gebruikers worden alleen gevraagd om kenmerken wanneer ze zich voor de eerste keer registreren.)

  6. Selecteer Maken. De nieuwe gebruikersstroom wordt weergegeven in de lijst Gebruikersstromen . Vernieuw indien nodig de pagina.

Als u selfservice voor wachtwoordherstel wilt inschakelen, gebruikt u de stappen in het artikel Selfservice voor wachtwoordherstel inschakelen .

De webtoepassing koppelen aan de gebruikersstroom

Hoewel veel toepassingen aan uw gebruikersstroom kunnen worden gekoppeld, kan één toepassing slechts aan één gebruikersstroom worden gekoppeld. Met een gebruikersstroom kunt u de gebruikerservaring voor specifieke toepassingen configureren. U kunt bijvoorbeeld een gebruikersstroom configureren waarvoor gebruikers zich moeten aanmelden of registreren met een telefoonnummer of e-mailadres.

  1. Selecteer Identiteit in het zijbalkmenu.

  2. Selecteer Externe identiteiten en vervolgens Gebruikersstromen.

  3. Selecteer op de pagina Gebruikersstromen de naam van de gebruikersstroom die u eerder hebt gemaakt, bijvoorbeeld SignInSignUpSample.

  4. Selecteer onder Gebruikende optie Toepassingen.

  5. Selecteer Toepassing toevoegen.

  6. Selecteer de toepassing in de lijst, zoals ciam-client-app , of gebruik het zoekvak om de toepassing te zoeken en selecteer deze.

  7. Kies Selecteren.

Voorbeeldwebtoepassing klonen of downloaden

Als u de voorbeeldcode van de web-app wilt ophalen, kunt u een van de volgende taken uitvoeren:

  • Download het .zip-bestand. Pak het voorbeeld-app-bestand uit naar een map waarin de totale lengte van het pad 260 tekens of minder tekens is.

  • Kloon de voorbeeldwebtoepassing vanuit GitHub door de volgende opdracht uit te voeren:

    git clone https://github.com/Azure-Samples/ms-identity-ciam-dotnet-tutorial.git

De toepassing configureren

  1. Navigeer naar de hoofdmap van het voorbeeld dat u hebt gedownload en de map met de ASP.NET voorbeeld-app:

    cd 1-Authentication\1-sign-in-aspnet-core-mvc

  2. Open het bestand appsettings.json.

  3. Zoek deze in Instantie Enter_the_Tenant_Subdomain_Here en vervang deze door het subdomein van uw tenant. Als het primaire domein van uw tenant bijvoorbeeld is caseyjensen@onmicrosoft.com, moet u casyjensen invoeren.

  4. Zoek de Enter_the_Application_Id_Here waarde en vervang deze door de toepassings-id (clientId) van de app die u hebt geregistreerd in het Microsoft Entra-beheercentrum.

  5. Vervang door Enter_the_Client_Secret_Here de waarde van het clientgeheim die u hebt ingesteld in App-clientgeheim toevoegen.

Het codevoorbeeld uitvoeren

  1. Voer vanuit de shell of opdrachtregel de volgende opdrachten uit:

    dotnet run

  2. Open uw webbrowser en navigeer naar https://localhost:7274.

  3. Meld u aan met een account dat is geregistreerd bij de tenant van de klant.

  4. Nadat u bent aangemeld, wordt de weergavenaam weergegeven naast de knop Afmelden , zoals wordt weergegeven in de volgende schermafbeelding.

    Schermopname van aanmelden bij een ASP.NET web-app.

  5. Als u zich wilt afmelden bij de toepassing, selecteert u de knop Afmelden .

Volgende stappen