Anteckning
Åtkomst till den här sidan kräver auktorisering. Du kan prova att logga in eller ändra kataloger.
Åtkomst till den här sidan kräver auktorisering. Du kan prova att ändra kataloger.
Warning
Den här versionen av ASP.NET Core stöds inte längre. Mer information finns i .NET och .NET Core Support Policy. För den nuvarande utgåvan, se .NET 9-versionen av den här artikeln .
Important
Den här informationen gäller en förhandsversionsprodukt som kan ändras avsevärt innan den släpps kommersiellt. Microsoft lämnar inga garantier, uttryckliga eller underförstådda, med avseende på den information som tillhandahålls här.
För den nuvarande utgåvan, se .NET 9-versionen av den här artikeln .
Den här artikeln beskriver hur du skapar en fristående Blazor WebAssembly app som använder Microsoft Entra-ID (ME-ID) för autentisering.
För ytterligare säkerhetsscenarier efter att ha läst denna artikel, se ASP.NET Core Blazor WebAssembly fler säkerhetsscenarier.
Walkthrough
Underavsnitten i genomgången förklarar hur du:
- Skapa en klient i Azure
- Registrera en app i Azure
- Skapa Blazor-appen
- Kör appen
Skapa en klient i Azure
Följ riktlinjerna i Snabbstart: Konfigurera en klientorganisation för att skapa en klientorganisation i ME-ID.
Registrera en app i Azure
Registrera en ME-ID app:
- Gå till Microsoft Entra-ID i Azure-portalen. Välj Applikationer>Appregistreringar i sidofältet. Välj knappen Ny registrering.
- Ange ett namn för appen (till exempel Blazor fristående ME-ID).
- Välj en kontotyper som stöds. Du kan bara välja Konton i den här organisationskatalogen för den här upplevelsen.
- Ställ in listrutan Omdirigerings-URI på ensidesprogram (SPA) och ange följande omdirigerings-URI: https://localhost/authentication/login-callback. Om du känner till omdirigerings-URI för produktion för Azure-standardvärd (till exempelazurewebsites.net) eller en anpassad domänvärd (till exempelcontoso.com) kan du också lägga till omdirigerings-URI:n för produktion samtidigt som du angerlocalhost-omdirigerings-URI:n. Se till att inkludera portnumret för icke-:443portar i eventuella omdirigerings-URI:er för produktion som du lägger till.
- Om du använder en overifierad utgivardomänavmarkerar du kryssrutan Behörigheter>Bevilja administratörsmedgivande till openid- och offline_access-behörigheter. Om utgivardomänen har verifierats visas inte den här kryssrutan.
- Välj Registrera.
Note
Att ange portnumret för en localhost ME-ID omdirigerings-URI krävs inte. För mer information, se Begränsningar och restriktioner för omdirigerings-URI (svars-URL): Undantag för localhost (Entra-dokumentation).
Registrera följande information:
- Program-ID (klient) (till exempel 00001111-aaaa-2222-bbbb-3333cccc4444)
- Katalog (hyresgäst) ID (till exempel, aaaabbbb-0000-cccc-1111-dddd2222eeee)
I Autentisering>Plattformkonfigurationer>Single-page-applikation:
- Bekräfta att omdirigerings-URI:n för https://localhost/authentication/login-callbackfinns.
- I avsnittet Implicit beviljande kontrollerar du att kryssrutorna för Åtkomsttoken och ID-token inte är markerade. Implicit tilldelning rekommenderas inte för Blazor-appar som använder MSAL v2.0 eller senare. Mer information finns i Secure ASP.NET Core Blazor WebAssembly.
- De återstående standardvärdena för appen är acceptabla för den här upplevelsen.
- Välj knappen Spara om du har gjort ändringar.
Skapa Blazor-appen
Skapa appen i en tom mapp. Ersätt platshållarna i följande kommando med informationen som registrerades tidigare och kör kommandot i ett kommandogränssnitt:
dotnet new blazorwasm -au SingleOrg --client-id "{CLIENT ID}" -o {PROJECT NAME} --tenant-id "{TENANT ID}"
| Placeholder | Namn på Azure-portalen | Example | 
|---|---|---|
| {PROJECT NAME} | — | BlazorSample | 
| {CLIENT ID} | App-ID (klient-ID) | 00001111-aaaa-2222-bbbb-3333cccc4444 | 
| {TENANT ID} | Katalog-ID (hyresgäst) | aaaabbbb-0000-cccc-1111-dddd2222eeee | 
Den utdataplats som anges med alternativet -o|--output skapar en projektmapp om den inte finns och blir en del av projektets namn.
Lägg till ett MsalProviderOptions för User.Read-behörighet med DefaultAccessTokenScopes:
builder.Services.AddMsalAuthentication(options =>
{
    ...
    options.ProviderOptions.DefaultAccessTokenScopes
        .Add("https://graph.microsoft.com/User.Read");
});
Kör appen
Använd någon av följande metoder för att köra appen:
- Visual Studio - Välj knappen Kör.
- Använd Felsökning>Starta felsökning från menyn.
- Tryck på F5.
 
- .NET CLI-kommandogränssnitt: Kör kommandot dotnet watch(ellerdotnet run) från appens mapp.
Delar av appen
I det här avsnittet beskrivs de delar av en app som genereras från Blazor WebAssembly-projektmallen och hur appen konfigureras. Det finns ingen specifik vägledning att följa i det här avsnittet för ett grundläggande arbetsprogram om du har skapat appen med hjälp av vägledningen i avsnittet Genomgång. Vägledningen i det här avsnittet är användbar för att uppdatera en app för att autentisera och auktorisera användare. En alternativ metod för att uppdatera en app är dock att skapa en ny app från vägledningen i avsnittet Genomgång och flytta appens komponenter, klasser och resurser till den nya appen.
Autentiseringspaket
När en app skapas för att använda arbets- eller skolkonton (SingleOrg) får appen automatiskt en paketreferens för Microsoft Authentication Library (Microsoft.Authentication.WebAssembly.Msal). Paketet innehåller en uppsättning primitiver som hjälper appen att autentisera användare och hämta token för att anropa skyddade API:er.
Om du lägger till autentisering i en app lägger du till Microsoft.Authentication.WebAssembly.Msal-paketet manuellt i appen.
Note
Mer information om hur du lägger till paket i .NET-appar finns i artiklarna under Installera och hantera paket på Arbetsflöde för paketförbrukning (NuGet-dokumentation). Bekräfta rätt paketversioner på NuGet.org.
              Microsoft.Authentication.WebAssembly.Msal-paketet lägger transitivt till Microsoft.AspNetCore.Components.WebAssembly.Authentication-paketet i appen.
Stöd för autentiseringstjänst
Stöd för att autentisera användare är registrerat i tjänstbehållaren med tilläggsmetoden AddMsalAuthentication, som tillhandahålls av paketet Microsoft.Authentication.WebAssembly.Msal. Den här metoden konfigurerar de tjänster som krävs för att appen ska interagera med Identity Provider (IP).
              Program I filen:
builder.Services.AddMsalAuthentication(options =>
{
    builder.Configuration.Bind("AzureAd", options.ProviderOptions.Authentication);
});
Metoden AddMsalAuthentication accepterar ett återanrop för att konfigurera de parametrar som krävs för att autentisera en app. De värden som krävs för att konfigurera appen kan hämtas från ME-ID konfigurationen när du registrerar appen.
              wwwroot/appsettings.json konfiguration
Konfigurationen tillhandahålls av wwwroot/appsettings.json-filen:
{
  "AzureAd": {
    "Authority": "https://login.microsoftonline.com/{TENANT ID}",
    "ClientId": "{CLIENT ID}",
    "ValidateAuthority": true
  }
}
Example:
{
  "AzureAd": {
    "Authority": "https://login.microsoftonline.com/e86c78e2-...-918e0565a45e",
    "ClientId": "00001111-aaaa-2222-bbbb-3333cccc4444",
    "ValidateAuthority": true
  }
}
Åtkomsttokensomfång
Mallen Blazor WebAssembly konfigurerar inte automatiskt appen för att begära en åtkomsttoken för ett säkert API. Om du vill etablera en åtkomsttoken som en del av inloggningsflödet lägger du till omfånget i standardomfattningarna för åtkomsttoken för MsalProviderOptions:
builder.Services.AddMsalAuthentication(options =>
{
    ...
    options.ProviderOptions.DefaultAccessTokenScopes.Add("{SCOPE URI}");
});
Ange ytterligare omfång med AdditionalScopesToConsent:
options.ProviderOptions.AdditionalScopesToConsent.Add("{ADDITIONAL SCOPE URI}");
Note
AdditionalScopesToConsent kan inte etablera delegerade användarbehörigheter för Microsoft Graph via användargränssnittet för Microsoft Entra-ID-medgivande när en användare först använder en app som är registrerad i Microsoft Azure. Mer information finns i Använda Graph API med ASP.NET Core Blazor WebAssembly.
Mer information finns i följande resurser:
- Begär ytterligare åtkomsttoken
- Bifoga tokens till utgående begäranden
- snabbstart: Konfigurera ett program för att exponera webb-API:er
- Åtkomsttokensomfång för Microsoft Graph API
Inloggningsläge
Ramverket använder som standard popup-inloggningsläge och återgår till omdirigeringsinloggningsläge om ett popup-fönster inte kan öppnas. Konfigurera MSAL att använda omdirigeringsinloggningsläge genom att ange egenskapen LoginMode för MsalProviderOptions till redirect:
builder.Services.AddMsalAuthentication(options =>
{
    ...
    options.ProviderOptions.LoginMode = "redirect";
});
Standardinställningen är popupoch strängvärdet är inte skiftlägeskänsligt.
Importerar fil
Namnområdet Microsoft.AspNetCore.Components.Authorization görs tillgängligt i hela appen via _Imports.razor-filen:
...
@using Microsoft.AspNetCore.Components.Authorization
...
Indexsida
Sidan Index (wwwroot/index.html) innehåller ett skript som definierar AuthenticationService i JavaScript. 
              AuthenticationService hanterar lågnivåinformationen för OIDC-protokollet. Appen anropar internt metoder som definierats i skriptet för att utföra autentiseringsåtgärderna.
<script src="_content/Microsoft.Authentication.WebAssembly.Msal/AuthenticationService.js"></script>
Appkomponent
Komponenten App (App.razor) liknar den App komponent som finns i Blazor Server appar:
- Komponenten AuthorizeRouteView ser till att den aktuella användaren har behörighet att komma åt en viss sida eller på annat sätt renderar RedirectToLoginkomponenten.
- Komponenten RedirectToLoginhanterar omdirigering av obehöriga användare till inloggningssidan.
- Komponenten CascadingAuthenticationState hanterar att exponera AuthenticationState för resten av appen.
- Komponenten AuthorizeRouteView ser till att den aktuella användaren har behörighet att komma åt en viss sida eller på annat sätt renderar RedirectToLoginkomponenten.
- Komponenten RedirectToLoginhanterar omdirigering av obehöriga användare till inloggningssidan.
På grund av ändringar i ramverket mellan versionerna av ASP.NET Core visas inte Razor-markeringen för App-komponenten (App.razor) i det här avsnittet. Om du vill kontrollera komponentens markering för en viss version använder du antingen av följande metoder:
- Skapa en app som är konfigurerad för autentisering från standardprojektmallen Blazor WebAssembly för den version av ASP.NET Core som du planerar att använda. Granska komponenten - App(- App.razor) i den genererade appen.
- Granska komponenten - App(- App.razor) i referenskälla. Välj versionen från grenväljaren och sök efter komponenten i- ProjectTemplates-mappen på lagringsplatsen eftersom den har flyttats under åren.- Note - Dokumentationslänkar till .NET-referenskällan läser vanligtvis in lagringsplatsens standardgren, vilket representerar den aktuella utvecklingen för nästa version av .NET. Om du vill välja en tagg för en specifik version använder du listrutan Välj bland grenar eller taggar. Mer information finns i Så här väljer du en versionstagg för ASP.NET Core-källkod (dotnet/AspNetCore.Docs #26205). 
RedirectToLogin-komponent
Komponenten RedirectToLogin (RedirectToLogin.razor):
- Hanterar omdirigering av obehöriga användare till inloggningssidan.
- Den nuvarande URL:en som användaren försöker komma åt sparas för att de ska kunna återvända till den sidan om autentiseringen lyckas med: - navigeringshistoriktillståndet i ASP.NET Core i .NET 7 eller senare.
- En frågesträng i ASP.NET Core i .NET 6 eller tidigare.
 
Granska komponenten RedirectToLogin i referenskälla. Platsen för komponenten ändrades över tid, så använd GitHub-sökverktyg för att hitta komponenten.
Inloggningssökvägen kan anpassas av appen (RemoteAuthenticationApplicationPathsOptions.LogInPathramverksstandarder (dotnet/aspnetcore referenskälla)). Projektmallens komponent använder standardinloggningssökvägen RedirectToLoginauthentication/loginför .
Note
Dokumentationslänkar till .NET-referenskällan läser vanligtvis in lagringsplatsens standardgren, vilket representerar den aktuella utvecklingen för nästa version av .NET. Om du vill välja en tagg för en specifik version använder du listrutan Välj bland grenar eller taggar. Mer information finns i Så här väljer du en versionstagg för ASP.NET Core-källkod (dotnet/AspNetCore.Docs #26205).
Om en app anpassar inloggningssökvägen använder du någon av följande metoder:
- Matcha sökvägen i den hårdkodade strängen i komponenten - RedirectToLogin.
- Mata in RemoteAuthenticationOptions för att hämta det konfigurerade värdet. Anta till exempel den här metoden när du anpassar sökvägen med AddApiAuthorization. Lägg till följande direktiv överst i komponenten - RedirectToLogin:- @using Microsoft.Extensions.Options @inject IOptionsSnapshot<RemoteAuthenticationOptions<ApiAuthorizationProviderOptions>> RemoteOptions- Ändra komponentens omdirigering i - OnInitialized-metoden:- - Navigation.NavigateToLogin("authentication/login"); + Navigation.NavigateToLogin(RemoteOptions.Get(Options.DefaultName) + .AuthenticationPaths.LogInPath);- Note - Om andra sökvägar skiljer sig från projektmallens sökvägar eller ramverkets standardsökvägar bör de hanteras på samma sätt. 
LoginDisplay-komponent
Komponenten LoginDisplay (LoginDisplay.razor) återges i komponenten MainLayout (MainLayout.razor) och hanterar följande beteenden:
- För autentiserade användare: - Visar det aktuella användarnamnet.
- Erbjuder en länk till användarprofilsidan i ASP.NET Core Identity.
- Erbjuder en knapp för att logga ut från appen.
 
- För anonyma användare: - Erbjuder möjligheten att registrera.
- Erbjuder alternativet att logga in.
 
På grund av ändringar i ramverket i olika versioner av ASP.NET Core visas inte markeringen Razor för LoginDisplay-komponenten i det här avsnittet. Om du vill kontrollera komponentens markering för en viss version använder du antingen av följande metoder:
- Skapa en app som är konfigurerad för autentisering från standardprojektmallen Blazor WebAssembly för den version av ASP.NET Core som du planerar att använda. Granska - LoginDisplaykomponenten i den genererade appen.
- Granska komponenten - LoginDisplayi referenskälla. Platsen för komponenten ändrades över tid, så använd GitHub-sökverktyg för att hitta komponenten. Mallinnehållet för- Hostedlika med- trueanvänds.- Note - Dokumentationslänkar till .NET-referenskällan läser vanligtvis in lagringsplatsens standardgren, vilket representerar den aktuella utvecklingen för nästa version av .NET. Om du vill välja en tagg för en specifik version använder du listrutan Välj bland grenar eller taggar. Mer information finns i Så här väljer du en versionstagg för ASP.NET Core-källkod (dotnet/AspNetCore.Docs #26205). 
Autentiseringskomponent
Sidan som skapas av komponenten Authentication (Pages/Authentication.razor) definierar de vägar som krävs för att hantera olika autentiseringssteg.
Komponenten RemoteAuthenticatorView:
- Tillhandahålls av Microsoft.AspNetCore.Components.WebAssembly.Authentication-paketet.
- Hanterar att utföra lämpliga åtgärder i varje fas av autentiseringen.
@page "/authentication/{action}"
@using Microsoft.AspNetCore.Components.WebAssembly.Authentication
<RemoteAuthenticatorView Action="@Action" />
@code {
    [Parameter]
    public string? Action { get; set; }
}
Note
              "Nullable reference types" (NRTs) och .NET-kompilatorns statisk analys av nulltillstånd stöds i ASP.NET Core i .NET 6 eller senare. Innan släppet av ASP.NET Core i .NET 6 visas typen string utan null-typbeteckningen (?).
Troubleshoot
Logging
Information om hur du aktiverar felsökning eller spårningsloggning för Blazor WebAssembly autentisering finns i avsnittet autentiseringsloggning på klientsidani ASP.NET Core-loggning Blazor med artikelversionsväljaren inställd på ASP.NET Core i .NET 7 eller senare.
Vanliga fel
- Felkonfiguration av appen eller Identity IP-leverantör - De vanligaste felen orsakas av felaktig konfiguration. Följande är några exempel: - Beroende på kraven i scenariot förhindrar en saknad eller felaktig utfärdare, instans, klient-ID, klientdomän, klient-ID eller omdirigerings-URI en app från att autentisera klienter.
- Felaktiga omfång för begäran hindrar klienter från att komma åt serverwebb-API-slutpunkter.
- Felaktiga eller saknade server-API-behörigheter hindrar klienter från att komma åt serverwebb-API-slutpunkter.
- Köra appen på en annan port än vad som har konfigurerats i omdirigerings-URI:n för IP-adressens appregistrering. Observera att en port inte krävs för Microsoft Entra-ID och en app som körs på en localhostutvecklingstestningsadress, men appens portkonfiguration och porten där appen körs måste matcha för icke-localhostadresser.
 - Konfigurationsavsnitt i den här artikelns vägledning visar exempel på rätt konfiguration. Kontrollera noggrant varje avsnitt i artikeln som letar efter felkonfiguration av appar och IP-adresser. - Om konfigurationen verkar vara korrekt: - Analysera applikationsloggar. 
- Granska nätverkstrafiken mellan klientappen och IP- eller serverappen med webbläsarens utvecklarverktyg. Ofta returneras ett exakt felmeddelande eller ett meddelande med en ledtråd till vad som orsakar problemet till klienten av IP- eller serverappen efter en begäran. Vägledning för utvecklarverktyg finns i följande artiklar: - Google Chrome (Google-dokumentation)
- Microsoft Edge
- Mozilla Firefox (Mozilla-dokumentation)
 
- För versioner av Blazor där en JSON-webbtoken (JWT) används avkodar du innehållet i token som används för att autentisera en klient eller komma åt ett webb-API för servrar, beroende på var problemet uppstår. Mer information finns i Granska innehållet i en JSON-webbtoken (JWT). 
 - Dokumentationsteamet svarar på feedback och buggar i artiklar (öppna ett ärende i feedbackavsnittet på Den här sidan) men kan inte tillhandahålla produktsupport. Det finns flera offentliga supportforum som hjälper dig att felsöka en app. Vi rekommenderar följande: - Föregående forum ägs eller kontrolleras inte av Microsoft. - För rapporter om icke-säkerhetsrelaterade, icke-känsliga och icke-konfidentiella reproducerbara ramverksfel öppna ett problem med ASP.NET Core-produktenheten. Öppna inte ett ärende med produktgruppen förrän du noggrant har undersökt orsaken till problemet och inte kan lösa det på egen hand eller med hjälp av communityn på ett offentligt supportforum. Produktenheten kan inte felsöka enskilda appar som har brutits på grund av enkel felkonfiguration eller användningsfall som rör tjänster från tredje part. Om en rapport är känslig eller konfidentiell eller beskriver en potentiell säkerhetsbrist i produkten som cyberattacker kan utnyttja kan du läsa Rapportering av säkerhetsproblem och buggar ( - dotnet/aspnetcoreGitHub-lagringsplats).
- Obehörig klient för ME-ID - info: Microsoft.AspNetCore.Authorization.DefaultAuthorizationService[2] Auktoriseringen misslyckades. Dessa krav uppfylldes inte: DenyAnonymousAuthorizationRequirement: Kräver en autentiserad användare. - Fel vid återanrop för inloggning från ME-ID: - Fel: unauthorized_client
- Beskrivning: AADB2C90058: The provided application is not configured to allow public clients.
 - Så här löser du felet: - Gå till -appens manifest i Azure-portalen.
- Ange attributet allowPublicClienttillnullellertrue.
 
- Fel: 
Cookies och webbplatsdata
Cookies och webbplatsdata kan sparas mellan appuppdateringar och störa testning och felsökning. Rensa följande när du gör ändringar i appkoden, ändringar av användarkonton med providern eller konfigurationsändringar för providerappen:
- Cookies för användarinloggning
- Appcookies
- Cachad och lagrad webbplatsdata
En metod för att förhindra kvardröjande cookies och webbplatsdata från att störa testning och felsökning är att:
- Konfigurera en webbläsare - Använd en webbläsare för testning som du kan konfigurera för att ta bort alla cookie och platsdata varje gång webbläsaren stängs.
- Kontrollera att webbläsaren stängs manuellt eller av IDE för ändringar i appen, testanvändaren eller providerkonfigurationen.
 
- Använd ett anpassat kommando för att öppna en webbläsare i InPrivate- eller Incognito-läge i Visual Studio: - Öppna dialogrutan Bläddra med från Visual Studios Kör-knapp.
- Välj knappen Lägg till.
- Ange sökvägen till webbläsaren i fältet Program. Följande exekverbara filvägar är typiska installationsplatser för Windows 10. Om webbläsaren är installerad på en annan plats eller om du inte använder Windows 10 anger du sökvägen till webbläsarens körbara fil.
- Microsoft Edge: C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe
- Google Chrome: C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
- Mozilla Firefox: C:\Program Files\Mozilla Firefox\firefox.exe
 
- Microsoft Edge: 
- I fältet Argument anger du det kommandoradsalternativ som webbläsaren använder för att öppna i InPrivate- eller Inkognitoläge. Vissa webbläsare kräver appens URL.
- Microsoft Edge: Använd -inprivate.
- Google Chrome: Använd --incognito --new-window {URL}, där platshållaren för{URL}är url:en som ska öppnas (till exempelhttps://localhost:5001).
- Mozilla Firefox: Använd -private -url {URL}, där platshållaren{URL}är url:en som ska öppnas (till exempelhttps://localhost:5001).
 
- Microsoft Edge: Använd 
- Ange ett namn i fältet Vänligt namn. Till exempel Firefox Auth Testing.
- Välj knappen OK.
- Om du vill undvika att behöva välja webbläsarprofilen för varje iteration av testning med en app anger du profilen som standard med knappen Ange som standard.
- Kontrollera att webbläsaren är stängd av IDE för alla ändringar i appen, testanvändaren eller providerkonfigurationen.
 
Appuppgraderingar
En fungerande app kan misslyckas omedelbart efter att ha uppgraderat .NET SDK på utvecklingsdatorn eller ändrat paketversioner i appen. I vissa fall kan osammanhängande paket skada en app vid genomförande av större uppgraderingar. De flesta av dessa problem kan åtgärdas genom att följa dessa instruktioner:
- Rensa det lokala systemets NuGet-paketcacheminnen genom att köra dotnet nuget locals all --clearfrån ett kommandogränssnitt.
- Ta bort projektets mappar binochobj.
- Återställa och återskapa projektet.
- Ta bort alla filer i distributionsmappen på servern innan du distribuerar om appen.
Note
Användning av paketversioner som inte är kompatibla med appens målramverk stöds inte. Information om ett paket finns i NuGet-galleriet.
Kör Server-appen
När du testar och felsöker en värdbaserad Blazor WebAssemblylösningkontrollerar du att du kör appen från Server-projektet.
Inspektera användaren
Följande User komponent kan användas direkt i appar eller fungera som grund för ytterligare anpassning.
              User.razor:
@page "/user"
@attribute [Authorize]
@using System.Text.Json
@using System.Security.Claims
@inject IAccessTokenProvider AuthorizationService
<h1>@AuthenticatedUser?.Identity?.Name</h1>
<h2>Claims</h2>
@foreach (var claim in AuthenticatedUser?.Claims ?? Array.Empty<Claim>())
{
    <p class="claim">@(claim.Type): @claim.Value</p>
}
<h2>Access token</h2>
<p id="access-token">@AccessToken?.Value</p>
<h2>Access token claims</h2>
@foreach (var claim in GetAccessTokenClaims())
{
    <p>@(claim.Key): @claim.Value.ToString()</p>
}
@if (AccessToken != null)
{
    <h2>Access token expires</h2>
    <p>Current time: <span id="current-time">@DateTimeOffset.Now</span></p>
    <p id="access-token-expires">@AccessToken.Expires</p>
    <h2>Access token granted scopes (as reported by the API)</h2>
    @foreach (var scope in AccessToken.GrantedScopes)
    {
        <p>Scope: @scope</p>
    }
}
@code {
    [CascadingParameter]
    private Task<AuthenticationState> AuthenticationState { get; set; }
    public ClaimsPrincipal AuthenticatedUser { get; set; }
    public AccessToken AccessToken { get; set; }
    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
        var state = await AuthenticationState;
        var accessTokenResult = await AuthorizationService.RequestAccessToken();
        if (!accessTokenResult.TryGetToken(out var token))
        {
            throw new InvalidOperationException(
                "Failed to provision the access token.");
        }
        AccessToken = token;
        AuthenticatedUser = state.User;
    }
    protected IDictionary<string, object> GetAccessTokenClaims()
    {
        if (AccessToken == null)
        {
            return new Dictionary<string, object>();
        }
        // header.payload.signature
        var payload = AccessToken.Value.Split(".")[1];
        var base64Payload = payload.Replace('-', '+').Replace('_', '/')
            .PadRight(payload.Length + (4 - payload.Length % 4) % 4, '=');
        return JsonSerializer.Deserialize<IDictionary<string, object>>(
            Convert.FromBase64String(base64Payload));
    }
}
Granska innehållet i en JSON-webbtoken (JWT)
Om du vill avkoda en JSON-webbtoken (JWT) använder du Microsofts jwt.ms-verktyg. Värden i användargränssnittet lämnar aldrig webbläsaren.
Exempelkodad JWT (förkortad för visning):
eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6Ilg1ZVhrNHh5b2pORnVtMWtsMll0djhkbE5QNC1j ... bQdHBHGcQQRbW7Wmo6SWYG4V_bU55Ug_PW4pLPr20tTS8Ct7_uwy9DWrzCMzpD-EiwT5IjXwlGX3IXVjHIlX50IVIydBoPQtadvT7saKo1G5Jmutgq41o-dmz6-yBMKV2_nXA25Q
Exempel på JWT-avkodad av verktyget för en app som autentiserar mot Azure AAD B2C:
{
  "typ": "JWT",
  "alg": "RS256",
  "kid": "X5eXk4xyojNFum1kl2Ytv8dlNP4-c57dO6QGTVBwaNk"
}.{
  "exp": 1610059429,
  "nbf": 1610055829,
  "ver": "1.0",
  "iss": "https://mysiteb2c.b2clogin.com/11112222-bbbb-3333-cccc-4444dddd5555/v2.0/",
  "sub": "aaaaaaaa-0000-1111-2222-bbbbbbbbbbbb",
  "aud": "00001111-aaaa-2222-bbbb-3333cccc4444",
  "nonce": "bbbb0000-cccc-1111-dddd-2222eeee3333",
  "iat": 1610055829,
  "auth_time": 1610055822,
  "idp": "idp.com",
  "tfp": "B2C_1_signupsignin"
}.[Signature]
Ytterligare resurser
- Identity- och kontotyper för appar med en eller flera tenanter
- ASP.NET Core Blazor WebAssembly ytterligare säkerhetsscenarier
- Skapa en anpassad version av JavaScript-biblioteket Authentication.MSAL
- oautentiserade eller obehöriga webb-API-begäranden i en app med en säker standardklient
- ASP.NET Core Blazor WebAssembly med Microsoft Entra ID grupper och roller
- Microsofts identitetsplattform och Microsoft Entra-ID med ASP.NET Core
- Microsofts identitetsplattform dokumentation
- Metodtips för säkerhet för programegenskaper i Microsoft Entra ID
ASP.NET Core