主要是前面四步，第五步是需要授權(quán)驗(yàn)證畫面的書寫參數(shù)。

1. 引用?Microsoft.AspNetCore.Components.Authorization

2. Program.cs 加入：

? ? ? ? ? ? var builder = WebAssemblyHostBuilder.CreateDefault(args);
? ? ? ? ? ? builder.Services.AddAuthorizationCore();//There is no registered service of type 'Microsoft.AspNetCore.Authorization.IAuthorizationPolicyProvider'
? ? ? ? ? ? builder.Services.AddSingleton<AuthenticationStateProvider, MyAuthenticationStateProvider>();

3.??MyAuthenticationStateProvider.cs 類

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.Extensions.Logging;
using System;
using System.Net.Http;
using System.Net.Http.Json;
using System.Security.Claims;
using System.Threading.Tasks;

namespace UserLocalLogin
{
    public class MyAuthenticationStateProvider : AuthenticationStateProvider
    {
        

        public override async Task<AuthenticationState> GetAuthenticationStateAsync() => new AuthenticationState(await GetUser(useCache: true));

       

        private async ValueTask<ClaimsPrincipal> GetUser(bool useCache = false)
        {
         

            var identity = new ClaimsIdentity("Cookie");
            identity.AddClaim(new Claim(ClaimTypes.NameIdentifier, "1"));
            identity.AddClaim(new Claim(ClaimTypes.Name,"wyz"));

            return new ClaimsPrincipal(identity);
        }
       
    }
}

4. App.razor 修改為

@using Microsoft.AspNetCore.Components.Authorization
 <CascadingAuthenticationState>
    <Router AppAssembly="@typeof(Program).Assembly">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        </Found>
        <NotFound>
            <LayoutView Layout="@typeof(MainLayout)">
                <p>Sorry, there's nothing at this address.</p>
            </LayoutView>
        </NotFound>
    </Router>
</CascadingAuthenticationState>
 

5. 效果 index.razor文章來源地址http://www.zghlxwxcb.cn/news/detail-860638.html

@page "/"
@using Microsoft.AspNetCore.Components.Authorization;
@using System.Security.Claims;
@*@using BlazorWasmCookieAuth.Shared.Authorization;*@
@using BlazorWasmCookieAuth.Client.Services;
<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

<AuthorizeView>
    <Authorized>
        <strong>Hello, @context.User.Identity.Name !</strong>
    </Authorized>
    <NotAuthorized>
        <div>未登錄</div>
        <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
    </NotAuthorized>
</AuthorizeView>

@code {


    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
 
}

到了這里，關(guān)于Blazor WebAssembly 自定義用戶登錄進(jìn)行授權(quán)的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！