.NET 8升级后Blazor Server获取RemoteIpAddress的方案变更咨询

之前在Blazor Server项目中，我们通过在_Host.cshtml注入IHttpContextAccessor来获取客户端的RemoteIpAddress，具体实现代码如下：

@inject IHttpContextAccessor httpContextAccessor;
@{
    var remoteIpAddress = 
    httpContextAccessor.HttpContext.Connection?.RemoteIpAddress.ToString();
}

...
<component type="typeof(App)" param-RemoteIpAddress=remoteIpAddress 
render-mode="Server" />

现在项目已升级到.NET 8，并且用App.razor替代了_Host.cshtml，现咨询该获取RemoteIpAddress的方案是否需要调整？

方案适配说明 #

核心的IHttpContextAccessor获取IP的逻辑依然有效，但需要根据.NET 8 Blazor Server的新结构调整实现方式，具体要点如下：

1. 确保IHttpContextAccessor已注册 #

无论哪种方式，都需要在Program.cs中先注册服务，这一步和之前一致：

builder.Services.AddHttpContextAccessor();

2. 调整参数传递方式 #

由于_Host.cshtml不再作为根组件的承载页面，不能直接在页面中注入后传参给App组件，可选择以下两种方式：

方式一：在App.razor中直接注入获取

在App.razor中注入IHttpContextAccessor，并在初始化阶段获取IP。注意仅在服务器端初始渲染时能拿到有效IP，后续SignalR连接建立后的交互阶段，HttpContext不再可用：

@inject IHttpContextAccessor HttpContextAccessor

<!-- 你的组件内容 -->

@code {
    private string? RemoteIpAddress { get; set; }

    protected override void OnInitialized()
    {
        RemoteIpAddress = HttpContextAccessor.HttpContext?.Connection?.RemoteIpAddress?.ToString();
    }
}

方式二：通过中间件/自定义服务传递

如果需要在多个组件中使用该IP，可在Program.cs的中间件中先获取IP，再通过自定义服务或HttpContext.Items存储，最后在Blazor组件中读取：

// Program.cs 中间件部分
app.Use(async (context, next) =>
{
    var remoteIp = context.Connection.RemoteIpAddress?.ToString();
    // 存储到自定义服务
    var ipService = context.RequestServices.GetRequiredService<IClientIpService>();
    ipService.SetClientIp(remoteIp);
    await next();
});

// 自定义服务示例
public interface IClientIpService
{
    string? ClientIp { get; }
    void SetClientIp(string? ip);
}

public class ClientIpService : IClientIpService
{
    public string? ClientIp { get; private set; }

    public void SetClientIp(string? ip) => ClientIp = ip;
}

在组件中注入自定义服务即可获取IP：

@inject IClientIpService ClientIpService

<p>客户端IP：@ClientIpService.ClientIp</p>

3. 注意渲染模式影响 #

如果使用.NET 8的交互式渲染模式（如InteractiveServer），务必确保在服务器端初始渲染阶段获取IP，客户端交互阶段无法通过HttpContext获取到有效IP。

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