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

Posted 2023-03-27

【中文标题】如何在服务器端 Blazor 中访问 HttpContext？

【英文标题】：How do I access HttpContext in Server-side Blazor?

【发布时间】：2019-05-17 22:43:30

【问题描述】：

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

任何想法都将不胜感激。

提前致谢。

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

【参考方案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

【讨论】：

这不起作用：services.AddScoped(); IHttpContextAccessor 是单例

...shared 是两个应用程序之间共享的库？不清楚，只能猜测。

同志，这个解决方案是错误的，不起作用。顺便说一句，HttpContextAccessor 类是在 Microsoft.AspNetCore.Http 命名空间中定义的，不应重新定义。此类实现 IHttpContextAccessor 接口。 AddHttpContextAccessor 会为您创建一个单例对象。所以使用它。

同志说：...和shared是两个应用程序之间共享的库？为什么不清楚？这是 Blazor 结构的基础。 Asp.net Core 开发者和朋友应该明白，要想成为 Blazor 开发者，就应该投入一些时间来学习 Blazor。他们不能在没有先前知识的情况下开始开发。学习曲线不如 Angular，但仍然相当陡峭。

注意IHttpContextAccessor不是微软推荐的：github.com/dotnet/aspnetcore/issues/17585

【参考方案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。请参阅this answer，了解如何正确执行...

希望这会有所帮助...

【讨论】：

这是“服务器端”Blazor 应用程序吗？

一模一样的……没关系。它可以在这两种情况下使用...只需尝试并告诉我们它是否适合您...

似乎这是更好的方法。不需要额外的库。 （是的，不清楚——不过猜测是正确的。）

注意IHttpContextAccessor不是微软推荐的：github.com/dotnet/aspnetcore/issues/…

您不应在服务器端 blazor 上使用 IHttpContextAccessor。您应该从 cshtml 将值传递给应用程序。请检查此代码示例github.com/wmgdev/BlazorGraphApi

【参考方案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.";
        
    

【讨论】：

感谢 Shimmy，这是更可行的选择。

这很好用。但为什么我不能通过这个调试？调试器在 GetAuthenticationStateAsync() 中退出。我觉得这很烦人——不知道什么时候会因为“无法调试”或“错误的代码从来没有机会”而发生。

这应该被标记为答案。我也遇到过这个问题，发现 HttpContextAccessor 不起作用，但可以使用 AuthenticationStateProvider： var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync(); var currUserClaimsPrincipal = authState.User; var currUser = 等待 UserManager.GetUserAsync(currUserClaimsPrincipal);

希望我仍然可以联系到您，但是您能说一下如何在客户端应用程序的 Program.cs 中注册 AuthenticationStateProvider 吗？我正在尝试做与您完全相同的事情，这实际上与文档中报告的相同，但我有一个问题是“无法在类型 'MyApp.Blazor.Client.Shared.MainLayout' 上为属性 'AuthenticationStateProvider' 提供值” '。没有“Microsoft.AspNetCore.Components.Authorization.AuthenticationStateProvider”类型的注册服务。”

如何在不使用 HttpContext.SignInAsync() 方法的情况下登录用户？ AuthenticationStateprovider 没有提供这样的方法！？我如何告诉应用程序“嘿，这个身份就在这里，使用这个！”没有登录方法？

【参考方案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 渲染结束时获取该值，并将其作为字符串值从那里传递给 Blazor 组件。）

【讨论】：

要添加到此答案中，获取 _host.cshtml 中的数据似乎是ms 的推荐方式，请参阅此ms example，可以仿照解决方案。我让它在 app.razor 中工作，您使用从 _host.cshtml 传递的数据更新范围服务，然后可以通过在应用程序的其他地方注入服务来使用它。

【参考方案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 步表示将 addtransient 替换为 addscoped。没有addtransient，刚开始我的 blazor 之旅，我猜测了一下，并将addscoped 行添加到我的代码中。这会阻止令牌与用户一起传递。

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

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