.NET 8与.NET 6中Blazor Environment组件对比及替代方案咨询

.NET 8里确实移除了原生的<environment>组件，官方没有提供直接替代的新组件，但可以通过依赖注入结合条件渲染轻松实现相同功能，不用从零写自定义组件（如果需要复用的话也可以快速封装）。

直接用条件渲染实现（最简单方式） #

先在组件里注入环境服务：

@inject IHostEnvironment Env

然后用@if判断环境名称，完全替代原组件的逻辑：

@if (Env.IsEnvironment("Staging") || Env.IsEnvironment("Production"))
{
    <p>An error has occurred. This application may no longer respond until reloaded.</p>
}
@if (Env.IsEnvironment("Development"))
{
    <p>An unhandled exception has occurred. See browser dev tools for details.</p>
}

封装成可复用组件（多次使用时推荐） #

如果需要在多个地方复用类似逻辑，可以封装一个和原<environment>用法一致的自定义组件：

@inject IHostEnvironment Env
@if (ShouldRenderContent())
{
    @ChildContent
}

@code {
    [Parameter]
    public RenderFragment? ChildContent { get; set; }

    [Parameter]
    public string? Include { get; set; }

    [Parameter]
    public string? Exclude { get; set; }

    private bool ShouldRenderContent()
    {
        var currentEnv = Env.EnvironmentName;

        if (!string.IsNullOrWhiteSpace(Include))
        {
            var allowedEnvs = Include.Split(',', StringSplitOptions.RemoveEmptyEntries | StringSplitOptions.TrimEntries);
            return allowedEnvs.Contains(currentEnv, StringComparer.OrdinalIgnoreCase);
        }

        if (!string.IsNullOrWhiteSpace(Exclude))
        {
            var excludedEnvs = Exclude.Split(',', StringSplitOptions.RemoveEmptyEntries | StringSplitOptions.TrimEntries);
            return !excludedEnvs.Contains(currentEnv, StringComparer.OrdinalIgnoreCase);
        }

        return true;
    }
}

使用方式和原组件完全一样：

<CustomEnvironment include="Staging,Production">
    An error has occurred. This application may no longer respond until reloaded.
</CustomEnvironment>
<CustomEnvironment include="Development">
    An unhandled exception has occurred. See browser dev tools for details.
</CustomEnvironment>

注意事项 #

• IHostEnvironment.IsEnvironment()方法会忽略大小写，不用严格匹配环境名称的大小写。
• Blazor WebAssembly项目的环境名称通过wwwroot/appsettings.{Environment}.json或构建时的环境变量设置，逻辑和Server端一致。

内容的提问来源于stack exchange，提问作者Jason Ayer