ASP.Net Core 5.0 身份验证和授权

Question

我对 Blazor 很陌生，我正在尝试了解身份验证和授权。到目前为止，我所做的是阅读文档 Authentication and Authorization in ASP.NET Core Blazor 和 Rolebased Authorization in Asp.NET Core。我设法让身份验证运行，但我正在努力获得授权。我想将每个访问我的服务器端应用程序的 Windows 用户存储在数据库中，并说 User1 是管理员，User2 是编辑器等，并向用户显示页面的不同区域。

我能够读出 Windows 用户，但直到现在我无法设置角色。我用claims尝试过这样的事情：

public class CustomAuthenticationStateProvider : AuthenticationStateProvider
{
    public override Task<AuthenticationState> GetAuthenticationStateAsync()
    {

        var identity = new ClaimsIdentity(new[]
        {
        new Claim(  type: ClaimTypes.Name, value: @"User1")
        }, "Editor");


        var user = new ClaimsPrincipal(identity);

        return Task.FromResult(new AuthenticationState(user));
    }
}

我把它附加到ConfigureServices

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddServerSideBlazor();

        services.AddAuthorizationCore();

        services.AddScoped<AuthenticationStateProvider, CustomAuthenticationStateProvider>();

    }

据我了解，此功能无法使用

<AuthorizeView Roles="Editor">
   <p>Show User Identity: @context.User.Identity</p>
</AuthorizeView>

在razor 页面上，因为Roles 根本不是Claims。但是我如何告诉我的应用程序 User1 在角色“编辑器”中，而 User2 在角色“管理员”中？还是有另一种方式来询问用户声明并向用户显示页面的不同区域？我错过了什么吗？

Answer 1

到目前为止，我所做的是阅读文档 Authentication and Authorization in ASP.NET Core Blazor 和 Rolebased Authorization in Asp.NET Core。一世 设法让身份验证运行，但我正在努力 授权。我想存储每个 Windows 用户 在数据库中访问我的服务器端应用程序并说 User1 是管理员， User2 是 Editor 等，向用户展示页面的不同区域。

在官方文档（您正在阅读）中，基于角色的授权是通过 Asp.net Core Identity 实现的。你可以从Add Role services to Identity找到它。

因此，您可以参考以下文章来配置您的应用程序以使用 Asp.net Core Identity。

Introduction to Identity on ASP.NET Core

Scaffold Identity in ASP.NET Core projects.

此外，根据您的描述，您正在使用数据库来存储用户帐户，看来您正在使用个人用户帐户。您可以参考以下示例在 asp.net core Blazor 应用程序中实现基于角色的授权。

1. 创建一个 asp.net 核心 Blazor 服务器应用程序并选择“个人用户帐户”类型并保留默认的“将用户帐户存储在应用程序中”以在本地存储身份框架的 SQL 表。

2. 生成数据库和身份架构：

   在包管理器控制台工具中使用以下命令。更多详细信息，请查看EF Core Migrations。

    add-migration InitialCreate
    update-database
   

   之后，使用SQL Server Management Studio(SSMS)查看数据库中的表：

   打开 Startup.cs 文件，修改“ConfigureServices”方法并进行以下更改（添加.AddRoles<IdentityRole>();）。这样我们就可以在应用程序中使用身份角色来控制授权。

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddDbContext<ApplicationDbContext>(options =>
            options.UseSqlServer(
                Configuration.GetConnectionString("DefaultConnection")));
        services.AddDefaultIdentity<IdentityUser>(options => options.SignIn.RequireConfirmedAccount = true)
            .AddRoles<IdentityRole>()
            .AddEntityFrameworkStores<ApplicationDbContext>();
        services.AddRazorPages();
        services.AddServerSideBlazor();
        services.AddScoped<AuthenticationStateProvider, RevalidatingIdentityAuthenticationStateProvider<IdentityUser>>();
        services.AddDatabaseDeveloperPageExceptionFilter();
        services.AddSingleton<WeatherForecastService>();
    }
   

   运行应用，注册两个用户：adminuser@hotmail.com和normaluser@hotmail.com。

   然后，您可以从dbo.AspNetUsers 表中找到用户（通过 SSMS）：

   打开SSMS，右键dbo.AspNetRoles表，点击“查看数据”，添加两个角色（Id是Guid）：

   打开SSMS，右击dbo.AspNetUserRoles表并点击“查看数据”，将用户id和角色id复制到该表中并为用户添加角色。

   如果您不想使用此方法将角色添加到特定用户，可以使用UserManager.AddToRoleAsync() 方法将指定用户添加到命名角色。你可以参考this article。

3. 在 Pages 文件夹中创建管理页面和普通页面。

   AdminPage.razor：

    @page "/adminpage"
   
    @attribute [Authorize(Roles = "admin")]
   
    <h3>AdminPage</h3>
   
    @code {
   
    }
   

   NormalPage.Razor

    @page "/adminpage"
   
    @attribute [Authorize(Roles = "admin")]
   
    <h3>AdminPage</h3>
   
    @code {
   
    }
   

   通过以下更改修改共享组件“NavMenu”。

    <AuthorizeView Roles="admin">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="adminpage">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Admin Page
            </NavLink>
        </li>
    </AuthorizeView>
    <AuthorizeView Roles="normal">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="normalpage">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Normal Page
            </NavLink>
        </li>
    </AuthorizeView>
   

   运行应用，结果如下：

参考：

Role Based Authorization In Blazor

how to use usermanager on a blazor page?