如何在服务器端 Blazor 中访问 HttpContext？

Question

我需要访问页面 (.cshtml) 中的 HttpContext，尤其是请求和 cookie。尽管可用，HttpContextAccessor 总是有一个 null 值存储在它的 HttpContext 属性中。

如有任何想法，我们将不胜感激。

提前致谢。

编辑：我使用的 Blazor 版本是：0.7.0。

Answer 1

blazor.Sever 到 Startup.cs

public void ConfigureServices(IServiceCollection services)
{
    services.AddServerSideBlazor<Client.Startup>();

    // HttpContextAccessor
    services.AddHttpContextAccessor();
    services.AddScoped<HttpContextAccessor>();
}

blazor.Shared

public class HttpContextAccessor
{
   private readonly IHttpContextAccessor _httpContextAccessor;

   public HttpContextAccessor(IHttpContextAccessor httpContextAccessor)
   {
        _httpContextAccessor = httpContextAccessor;
   }

   public HttpContext Context => _httpContextAccessor.HttpContext;
}

blazor.Client 到 App.cshtml

@inject blazor.Shared.HttpContextAccessor HttpContext
<Router AppAssembly=typeof(Program).Assembly />

@functions 
{      
    protected override void OnInit()
    {
       HttpContext.Context.Request.Cookies.**

       // Or data passed through middleware in blazor.Server
       HttpContext.Context.Features.Get<T>()
    }
}

致谢：https://github.com/aspnet/Blazor/issues/1554

Answer 2

将以下内容添加到 Blazor.Web.App.Startup.cs：

services.AddHttpContextAccessor();

您在 <component-name>.cshtml

中也需要这个

@using Microsoft.AspNetCore.Http
@inject IHttpContextAccessor httpContextAccessor

注意：在撰写此答案时，访问 HttpContext 已按上述方式完成。此后，Blazor 得到快速发展，并发生了根本性的变化。上面描述的用法肯定已被弃用，但是，如果您从 .cshtml 页面访问 HttpContext，您仍然可以执行上述操作，这是合法且正确的。这没有改变...因此，您可以访问 HttpContext 的唯一位置是 _Host.cshtml 文件，它是一个扩展名为 .cshtml 的 Razor Pages 文件，甚至无需将 IHttpContextAccessor 添加到 DI 容器.当执行这个文件中的代码时，Blazor 还没有诞生，这个文件的执行将服务于 Blazor Server App。请参阅如何正确执行...

希望这对您有所帮助...

Answer 3

这取决于您想要访问 HttpContext 的目的。

如果您想访问身份验证或用户信息，请考虑改用 AuthenticationStateProvider：

@page "/"
@using System.Security.Claims
@using Microsoft.AspNetCore.Components.Authorization
@inject AuthenticationStateProvider AuthenticationStateProvider

<h3>ClaimsPrincipal Data</h3>

<button @onclick="GetClaimsPrincipalData">Get ClaimsPrincipal Data</button>

<p>@_authMessage</p>

@if (_claims.Count() > 0)
{
    <ul>
        @foreach (var claim in _claims)
        {
            <li>@claim.Type &ndash; @claim.Value</li>
        }
    </ul>
}

<p>@_surnameMessage</p>

@code {
    private string _authMessage;
    private string _surnameMessage;
    private IEnumerable<Claim> _claims = Enumerable.Empty<Claim>();

    private async Task GetClaimsPrincipalData()
    {
        var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
        var user = authState.User;

        if (user.Identity.IsAuthenticated)
        {
            _authMessage = $"{user.Identity.Name} is authenticated.";
            _claims = user.Claims;
            _surnameMessage = 
                $"Surname: {user.FindFirst(c => c.Type == ClaimTypes.Surname)?.Value}";
        }
        else
        {
            _authMessage = "The user is NOT authenticated.";
        }
    }
}

Answer 4

请注意，文档明确指出 IHttpContextAccessor 不应用于 Blazor 应用程序： https://docs.microsoft.com/en-us/aspnet/core/fundamentals/http-context?view=aspnetcore-3.1#blazor-and-shared-state

（这并不意味着在您的特定情况下它不适用于特定场景。但是无论如何您只能从第一个请求中获取 cookie - 一旦 SignalR 接管，就不再有 cookie -当 _Host.cshtml 是 renderend 时，您应该获取该值，并将其作为字符串值从那里传递给 Blazor 组件。）

Answer 5

按照此处的 Microsoft 说明进行操作后

https://docs.microsoft.com/en-us/aspnet/core/migration/31-to-50?view=aspnetcore-5.0&tabs=visual-studio

将我的项目升级到 asp.net core 5.0 我造成了这个问题。

第 6 步说用 addscoped 替换 addtransient。没有 addtransient 并且刚刚开始我的 blazor 之旅，我猜测并将 addscoped 行添加到我的代码中。这会阻止令牌与用户一起传递。

我认为正确的方法是仅在替换 addTransient 行时才添加此行

builder.Services.AddScoped(sp => new HttpClient{ BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

如何在服务器端 Blazor 中访问 HttpContext？

How do I access HttpContext in Server-side Blazor?

cookies

httpcontext

blazor