使用 Blazor Webassembly 和 ASP.NET Core 安全文件下载

Posted

技术标签:

【中文标题】使用 Blazor Webassembly 和 ASP.NET Core 安全文件下载【英文标题】:Secure File Download Using Blazor Webassembly and ASP.NET Core 【发布时间】:2020-12-05 16:40:06 【问题描述】:

我在这里找到了一个解决方案,展示了如何使用 JS 注入创建控制器和下载文件: How can one generate and save a file client side using Blazor?

但是,将 [Authorize] 属性添加到控制器会阻止任何下载文件的尝试(即使已登录)。我希望只有获得授权的人才能访问下载文件。

网站的其余部分使用 JWT 没有问题。

我的问题是如何将 JWT 身份验证添加到此文件下载功能?还是有替代方法?这些文件在服务器的文件系统中,上面的方法对内存非常友好,所以我更喜欢远离 blob。

注意:我使用的是应用内用户帐户。

【问题讨论】:

【参考方案1】:

为了保护文件下载,我使用下载请求 URI 中发送的一次性令牌:

    定义一个类来存储一次令牌
public class OneTimeToken

    public string Id  get; set; 

    public string ClientId  get; set; 

    public string UserId  get; set; 

    public string Data  get; set; 

我更喜欢将令牌存储在数据库中,但您可以选择将其存储在内存中,但显然是服务器端。

    下载前创建令牌

这里我使用调用 API 的服务来创建我的令牌

public class OneTimeTokenService

    private readonly IAdminStore<OneTimeToken> _store; // this my service calling the API
    private readonly AuthenticationStateProvider _stateProvider;
    private readonly IAccessTokenProvider _provider;
    private readonly IOptions<RemoteAuthenticationOptions<OidcProviderOptions>> _options;

    public OneTimeTokenService(IAdminStore<OneTimeToken> store,
        AuthenticationStateProvider state,
        IAccessTokenProvider provider,
        IOptions<RemoteAuthenticationOptions<OidcProviderOptions>> options)
    
        _store = store ?? throw new ArgumentNullException(nameof(store));
        _stateProvider = state ?? throw new ArgumentNullException(nameof(state));
        _provider = provider ?? throw new ArgumentNullException(nameof(provider));
        _options = options ?? throw new ArgumentNullException(nameof(options));
    

    public async Task<string> GetOneTimeToken()
    
        // gets the user access token
        var tokenResult = await _provider.RequestAccessToken().ConfigureAwait(false);
        tokenResult.TryGetToken(out AccessToken token);
        // gets the authentication state
        var state = await _stateProvider.GetAuthenticationStateAsync().ConfigureAwait(false);
        // creates a one time token
        var oneTimeToken = await _store.CreateAsync(new OneTimeToken
        
            ClientId = _options.Value.ProviderOptions.ClientId,
            UserId = state.User.Claims.First(c => c.Type == "sub").Value,
            Expiration = DateTime.UtcNow.AddMinutes(1),
            Data = token.Value
        ).ConfigureAwait(false);

        return oneTimeToken.Id;
    

    当用户点击下载链接时创建下载 uri

这里我使用了一个按钮,但它适用于任何 html 元素,您可以使用链接代替。

@inject OneTimeTokenService _service
<button class="btn btn-secondary" @onclick="Download" >
    <span class="oi oi-arrow-circle-top"></span><span class="sr-only">Download 
    </span>
</button>
@code 
    private async Task Download()
    
        var token = await _service.GetOneTimeToken().ConfigureAwait(false);
        var url = $"http://locahost/stuff?otk=token";
        await _jsRuntime.InvokeVoidAsync("open", url, "_blank").ConfigureAwait(false);
    

    从 URL 中检索令牌

4.1。将包 IdentityServer4.AccessTokenValidation 添加到您的 API 项目中。

在 Startup ConfigureServices 方法中使用 IdentityServer 身份验证:

services.AddTransient<OneTimeTokenService>()
    .AddAuthentication()
    .AddIdentityServerAuthentication(options =>
    
        options.TokenRetriever = request =>
        
            var oneTimeToken = TokenRetrieval.FromQueryString("otk")(request);
            if (!string.IsNullOrEmpty(oneTimeToken))
            
                return request.HttpContext
                    .RequestServices
                    .GetRequiredService<OneTimeTokenService>()
                    .GetOneTimeToken(oneTimeToken);
            
            return TokenRetrieval.FromAuthorizationHeader()(request);
        ;
    );
    定义一项服务以从 URI 读取和使用一次性令牌

令牌不能重复使用,因此在每次请求时都会将其删除。 这里只是一个示例。如果将令牌存储在 DB 中,则可以使用 EF 上下文,如果它在内存中,则可以使用对象缓存。

public class OneTimeTokenService
    private readonly IAdminStore<OneTimeToken> _store;

    public OneTimeTokenService(IAdminStore<OneTimeToken> store)
    
        _store = store ?? throw new ArgumentNullException(nameof(store));
    

    public string GetOneTimeToken(string id)
    
        // gets the token.
        var token = _store.GetAsync(id, new GetRequest()).GetAwaiter().GetResult();
        if (token == null)
        
            return null;
        
        // deletes the token to not reuse it.
        _store.DeleteAsync(id).GetAwaiter().GetResult();
        return token.Data;
    

【讨论】:

以上是关于使用 Blazor Webassembly 和 ASP.NET Core 安全文件下载的主要内容,如果未能解决你的问题,请参考以下文章

.NET 5学习笔记(11)—— Host Blazor WebAssembly in a Windows Service

Blazor WebAssembly 3.2 正式发布

在 Blazor WebAssembly 中使用身份验证角色和策略?

Blazor正式成为Microsoft官方.NET 和WebAssembly项目

IIS 上的 Blazor Webassembly Brotli 和 Gzip 压缩

初尝 Blazor WebAssembly