在 Blazor 客户端 AuthorizationHandler 中访问 RouteData

Question

我目前正在学习 Blazor 客户端（WebAssembly），在查看授权时，我试图验证用户是否有权访问 URI 中的路径。

给定一个 URI，如http://localhost:1234/ {route}/resource

在页面上，我可以将路由映射到属性，但是如何在 AuthorizationHandler 中访问此值以验证 JWT 是否具有具有此值的声明？

我尝试注入 RouteData 并尝试通过 IHttpContextAccessor 访问 HttpContext 但这是空的。

这是我正在努力学习的课程

public class RouteDataAccessor : IRouteDataAccessor
{
    private readonly RouteData _routeData;
    public RouteDataAccessor(IHttpContextAccessor httpContextAccessor)
    {
        httpContextAccessor.NullCheck(nameof(httpContextAccessor));
        httpContextAccessor.HttpContext.NullCheck(nameof(httpContextAccessor.HttpContext));

        _routeData = httpContextAccessor.HttpContext.GetRouteData();
    }

    public bool TryGetData(string key, out string value)
    {
        value = null;
        if (_routeData == null || !_routeData.Values.TryGetValue(key, out value))
        {
            return false;
        }

        return true;
    }
}

Answer 1

首先，您不能在 WebAssembly Blazor 应用程序或服务器 Blazor 应用程序中使用 HttpContext。 以下我的回答链接将教你如何
将值传递给您的 AuthorizationHandler。 此外，它还说明了如何使用 AuthorizeView 组件来保护您的内容，并仅允许授权用户访问。

然后查看此答案以了解如何将 Jwt 令牌保存在本地存储上、如何检索它以及如何使用它来执行 HTTP 调用。

注意：这里缺少一种从 Jwt 令牌中提取声明并将其传递给 AuthorizationHandler 的方法。 这值得一个新问题......

您还需要实现 StateAuthenticationProvider，它可以与我的答案中显示的 Jwt 令牌机制结合使用（我称之为 TokenProvider）

根据您在问题中的描述，我觉得每件事对您来说都是新的，所以我建议您从这里开始......

希望这可以帮助...