Dela via

Snabbstart: Kom igång med vår guide för att köra en exempelapp och logga in dina användare

  • Artikel

Gäller för:Vit cirkel med en grå X-symbol.Personalklientorganisationer Grön cirkel med en vit bockmarkeringssymbol. Externa klienter (läs mer)

I den här snabbstarten vägleder vi dig genom att anpassa utseendet på dina appar i den externa klientorganisationen. Vi hjälper dig också att konfigurera en användare för att testa registreringsflödet och konfigurera en exempelapp på bara några minuter. Med dessa inbyggda externa konfigurationsfunktioner kan Microsoft Entra Externt ID fungera som identitetsprovider och åtkomsthanteringstjänst för dina kunder.

Förutsättningar

Kommentar

Du kan också använda Microsoft Entra External ID-tillägget för Visual Studio Code för att skapa din externa klientorganisation, anpassa inloggningsupplevelsen och konfigurera en exempelapp direkt i Visual Studio Code (läs mer).

Anpassa din inloggningsupplevelse

När du konfigurerar en kostnadsfri utvärderingsversion av en extern klient startar guiden automatiskt som en del av konfigurationen av din nya externa klientorganisation. Om du har skapat din externa klientorganisation med en Azure-prenumeration kan du starta guiden manuellt genom att följa stegen nedan.

  1. Logga in på administrationscentret för Microsoft Entra.

  2. Om du har åtkomst till flera klienter använder du ikonenInställningar på den översta menyn för att växla till din externa klient från menyn Kataloger + prenumerationer.

  3. Bläddra till Översikt över hemklientorganisation>

  4. På fliken Kom igång väljer du Starta guiden.

    Skärmbild som visar hur du startar guiden.

Du kan anpassa kundens inloggnings- och registreringsupplevelse i den externa klientorganisationen. Följ guiden som hjälper dig att konfigurera klientorganisationen i tre enkla steg. Först måste du ange hur du vill att kunden ska logga in. I det här steget kan du välja mellan två alternativ: e-post och lösenord eller e-post och engångslösenord. Du kan konfigurera externa konton senare, vilket gör att dina kunder kan logga in med sina Google, Facebook, Apple eller anpassat OIDC--konto. Du kan också definiera anpassade attribut som ska samlas in från användaren under registreringen.

Om du vill kan du lägga till företagets logotyp, ändra bakgrundsfärgen eller justera inloggningslayouten. De här valfria ändringarna gäller för utseendet på alla dina appar i den här klientorganisationen med externa konfigurationer. När du har skapat klientorganisationen är andra varumärkesalternativ tillgängliga. Du kan anpassa standardanpassningen och lägga till språk. När du är klar med anpassningen väljer du Fortsätt.

Skärmbild av hur du anpassar inloggningsupplevelsen i guiden.

Prova registreringsupplevelsen och skapa din första användare

  1. Guiden konfigurerar din klientorganisation med de alternativ som du har valt. När konfigurationen är klar ändrar knappen texten från Konfigurera... till Kör nu.

  2. Välj knappen Kör nu. En ny webbläsarflik öppnas med inloggningssidan för din klientorganisation som kan användas för att skapa och logga in användare.

  3. Välj Inget konto? Skapa en för att skapa en ny användare i klientorganisationen.

  4. Lägg till den nya användarens e-postadress och välj Nästa. Använd inte samma e-post som du använde för att skapa utvärderingsversionen.

  5. Slutför registreringsstegen på skärmen. När användaren har loggat in omdirigeras de vanligtvis tillbaka till din app. Men eftersom du inte har konfigurerat en app i det här steget omdirigeras du till JWT.ms i stället, där du kan visa innehållet i token som utfärdades under inloggningsprocessen.

  6. Gå tillbaka till fliken guide. I det här skedet kan du antingen avsluta guiden och gå till administrationscentret för att utforska hela utbudet av konfigurationsalternativ för din klientorganisation. Du kan också fortsätta och konfigurera en exempelapp. Vi rekommenderar att du konfigurerar exempelappen så att du kan använda den för att testa eventuella ytterligare konfigurationsändringar som du gör

    Skärmbild som visar hur registreringsupplevelsen har skapats.

Konfigurera en exempelapp

Kom igång-guiden konfigurerar automatiskt exempelappar för följande apptyper och språk:

  • Enkelsidigt program (SPA): JavaScript, React, Angular
  • Webbapp: Node.js (Express), ASP.NET Core
  • Skrivbordsapp: .NET (MAUI)
  • Mobilapp: .NET (MAUI)

Följ nästa steg för att ladda ned och köra exempelappen.

  1. Fortsätt att konfigurera exempelappen genom att välja apptyp.

  2. Välj språk och Ladda ned exempelappen på datorn.

  3. Följ anvisningarna för att installera och köra appen. Logga in på exempelappen.

    Skärmbild av konfigurationen av exempelappen.

  4. Du har slutfört processen med att skapa en utvärderingsklientorganisation, konfigurera inloggningsupplevelsen, skapa din första användare och konfigurera en exempelapp. Välj Fortsätt för att gå till sammanfattningssidan, där du antingen kan gå till administrationscentret eller starta om guiden för att välja olika alternativ.

Kommentar

Nästa gång du återgår till din klientorganisation kan du uppmanas att konfigurera ytterligare autentiseringsfaktorer för extra säkerhet för ditt klientadministratörskonto.

Utforska externt ID för Microsoft Entra

Utforska de funktioner som konfigurerats av komma igång-guiden i den detaljerade artikeln om funktionerna i komma igång-guiden. Du kan alltid komma tillbaka till administrationscentret för att anpassa din klientorganisation och prova hela utbudet av konfigurationsalternativ för din klientorganisation. Det senaste utvecklarinnehållet och resurserna finns i utvecklarcentret för externt ID.

Relaterat innehåll