如何在 Blazor 中使用 Azure 应用程序配置中的功能标记？

Question

我尝试在 Blazor 应用程序中使用 Azure 应用程序配置中的功能标志。我一直在关注Microsoft 的文档来添加它们。我可以通过将 FeatureManager 注入到我的代码部分并利用 .cshtml 文件中的功能标签来成功地使用它们，如下所示，

<feature name="Beta">
    <li class="nav-item">
        <a class="nav-link text-dark" asp-area="" asp-controller="Beta" asp-action="Index">Beta</a>
    </li>
</feature>

但是，我无法在 .razor 文件中成功使用功能标签。这是由于无法将此指令添加到我的文件中造成的。

@addTagHelper *, Microsoft.FeatureManagement.AspNetCore

有没有办法在我的 Razor 文件中使用功能标签？

Answer 1

AFAIK Blazor 还没有类似的组件/标签帮助器。但不用担心 - 手动检查标志非常容易。

@using Microsoft.FeatureManagement
@inject IFeatureManager FeatureManager

@if (betaFeatureIsEnabled)
{
    <h1>My Beta Feature</h1>
}

@code {
    private bool betaFeatureIsEnabled = false;

    protected override async Task OnInitializedAsync()
    {
        betaFeatureIsEnabled = await FeatureManager.IsEnabledAsync("Beta");
    }
}

由此我们可以推出我们自己的小辅助组件，使其看起来非常整洁。

FeatureFlagView.razor（辅助组件）

@using Microsoft.FeatureManagement
@inject IFeatureManager FeatureManager

@if (featureIsEnabled)
{
    @ChildContent
}

@code {
    private bool featureIsEnabled = false;

    [Parameter] public RenderFragment ChildContent { get; set; }
    [Parameter] public string FlagName { get; set; }

    protected override async Task OnInitializedAsync()
    {
        if (string.IsNullOrEmpty(FlagName)) return;
        featureIsEnabled = await FeatureManager.IsEnabledAsync(FlagName);
    }
}

在 .razor 页面/组件中使用 FeatureFlagView

<FeatureFlagView FlagName="Beta">
    <h1>My Beta Feature</h1>
</FeatureFlagView>

然后可以对其进行相当大的扩展以处理更复杂的场景，例如需要多个标志，而不是标志等，更重要的是使用枚举（而不是字符串）。