Blazor：如何访问RenderFragment对应页面的PageType属性实现细粒度权限控制

你遇到的核心问题是RenderFragment本质是渲染委托，并非组件实例，所以无法直接访问页面的PageType属性。下面提供两种可行的实现方案，把权限验证逻辑完全放在包装组件中：

方案1：定义统一接口约束页面 #

步骤1：创建页面权限接口 #

先定义一个所有需要权限控制的页面都要实现的接口：

public interface IAuthorizedPage
{
    PageType PageType { get; }
}

步骤2：页面实现接口 #

给每个页面添加接口实现：

@page "/"
@implements IAuthorizedPage

<div>Hello World</div>

@code {
    public PageType PageType => PageType.HelloWorld;
}

步骤3：改造权限包装组件 #

放弃直接使用ChildContent，改为接收页面组件类型，通过组件实例获取PageType并验证：

@inject AuthService AuthService

@if (!AuthService.LoggedIn)
{
    <!-- 渲染登录页面 -->
    <LoginPage />
}
else
{
    @if (_isAuthorized)
    {
        @RenderTargetPage()
    }
    else
    {
        <div>Not authorized</div>
    }
}

@code {
    [Parameter]
    public Type PageComponentType { get; set; }

    private bool _isAuthorized;

    protected override void OnParametersSet()
    {
        if (typeof(IAuthorizedPage).IsAssignableFrom(PageComponentType))
        {
            // 创建页面实例获取PageType
            var pageInstance = (IAuthorizedPage)Activator.CreateInstance(PageComponentType);
            _isAuthorized = AuthService.AuthorizedPageTypes.Contains(pageInstance.PageType);
        }
        else
        {
            _isAuthorized = false;
        }
    }

    // 渲染目标页面组件
    private RenderFragment RenderTargetPage() => builder =>
    {
        builder.OpenComponent(0, PageComponentType);
        builder.CloseComponent();
    };
}

步骤4：在Router中使用组件 #

在App.razor的Router里传递页面类型：

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <PermissionWrapper PageComponentType="@routeData.PageType" />
    </Found>
    <NotFound>
        <p>Sorry, there's nothing at this address.</p>
    </NotFound>
</Router>

方案2：用自定义属性标记页面PageType #

如果不想让页面实现接口，可以用属性标记的方式：

步骤1：创建页面类型属性 #

[AttributeUsage(AttributeTargets.Class)]
public class PageTypeAttribute : Attribute
{
    public PageType PageType { get; }

    public PageTypeAttribute(PageType pageType)
    {
        PageType = pageType;
    }
}

步骤2：给页面添加属性标记 #

@page "/"
@attribute [PageType(PageType.HelloWorld)]

<div>Hello World</div>

步骤3：改造权限组件 #

通过导航事件获取当前路由对应的页面类型，反射读取属性值验证权限：

@inject NavigationManager NavManager
@inject AuthService AuthService
@implements IDisposable

@if (!AuthService.LoggedIn)
{
    <LoginPage />
}
else if (_isAuthorized)
{
    @ChildContent
}
else
{
    <div>Not authorized</div>
}

@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

    private bool _isAuthorized;

    protected override void OnInitialized()
    {
        NavManager.LocationChanged += OnLocationChanged;
        CheckAuthorization();
    }

    private void OnLocationChanged(object sender, LocationChangedEventArgs e)
    {
        CheckAuthorization();
        StateHasChanged();
    }

    private void CheckAuthorization()
    {
        var pageType = GetCurrentPageType();
        if (pageType == null)
        {
            _isAuthorized = false;
            return;
        }

        var pageAttr = pageType.GetCustomAttribute<PageTypeAttribute>();
        _isAuthorized = pageAttr != null && AuthService.AuthorizedPageTypes.Contains(pageAttr.PageType);
    }

    // 匹配当前路由对应的页面组件类型
    private Type GetCurrentPageType()
    {
        var appAssembly = typeof(App).Assembly;
        var currentPath = NavManager.Uri.Replace(NavManager.BaseUri, "/");
        
        return appAssembly.GetTypes()
            .Where(t => t.IsSubclassOf(typeof(ComponentBase)) 
                     && t.GetCustomAttribute<RouteAttribute>() != null)
            .FirstOrDefault(t => t.GetCustomAttribute<RouteAttribute>().Template == currentPath);
    }

    public void Dispose()
    {
        NavManager.LocationChanged -= OnLocationChanged;
    }
}

这两种方案都能把权限验证逻辑完全封装在组件里，不需要页面自己处理权限判断。方案1类型更安全，方案2更灵活，可根据你的需求选择。

内容的提问来源于stack exchange，提问作者BrianH