0

我曾经在 MVC 应用程序中有一个公共服务，将其注册为瞬态服务并在整个应用程序中访问它的值而没有任何问题。

我试图在我的客户端 Blazor 应用程序中实现相同的机制

首先创建了一个类AppState

public class AppState
{
    public string BaseUrl { get; set; }
}

注册为服务

services.AddSingleton<AppState, AppState>();

用于 Blazor 组件索引组件

public class IndexComponent : ComponentBase
{
    [Inject]
    HttpClient Http { get; set; }

    [Inject]
    public AppState AppState { get; set; }

    protected override async Task OnInitializedAsync()
    {
        AppState = await Http.GetJsonAsync<AppState>(ConfigFiles.GetPath("appsettings.json"));
        await Task.FromResult(0);
    }
}

试图在 index.razor 文件中打印基本 url

@page "/"
@inherits IndexComponent

<p>@AppState.BaseUrl</p>

到这里为止很好，现在因为它包含基本 url，所以我想在另一个组件中访问它

public class MiniCartComponent : ComponentBase
{
    [Inject]
    public AppState AppState { get; set; }

    protected override async Task OnInitializedAsync()
    {
        await Task.FromResult(0);
    }
}

这里是空的，我不知道为什么

我试图在剃刀文件中打印它

@inherits MiniCartComponent
<p>@AppState.BaseUrl</p>

这里它是空的，它被注册为跨组件共享数据的服务，一旦设置它不应该在应用程序中具有价值吗？

4

1 回答 1

4

第一个你注册一个单例实例

services.AddSingleton<AppState, AppState>();

这对我来说有点奇怪。恕我直言，应该是

services.AddSingleton<IAppState, AppState>();

或者

services.AddSingleton<AppState>();

但这不是问题所在。

您将此服务注入到一个很棒的组件中

[Inject]
public AppState AppState { get; set; }

然后你用一个从 web api 获取的新组件实例来擦除这个组件实例

protected override async Task OnInitializedAsync()
{
    AppState = await Http.GetJsonAsync<AppState>(ConfigFiles.GetPath("appsettings.json"));
    await Task.FromResult(0);
}

他们的代码又很奇怪，应该是

protected override async Task OnInitializedAsync()
{
    AppState = await Http.GetJsonAsync<AppState>(ConfigFiles.GetPath("appsettings.json"));
}

但这不会重置您在第二个组件中注入的单例实例。那只是替换第一个组件中的实例。

  • 您应该注册您的服务
services.AddSingleton<AppState>(provider =>
{
    var http = provider.GetRequiredService<HttpClient>();
    return http.GetJsonAsync<AppState>(ConfigFiles.GetPath("appsettings.json")).ConfigureAwait(false).GetAwaiter().GetResult();
});

这样，您在应用程序生命周期中只需调用一次 appsettings.json 。

  • 并删除OnInitializedAsync代码。

异步

但实际上，实现这一目标的最佳方法是注册一个Task返回您的设置

services.AddSingleton(provider =>
{
    var http = provider.GetRequiredService<HttpClient>();
    return http.GetJsonAsync<AppState>("appsettings.json");
});

您可以将其注入到您的组件中

[Inject]
public Task<AppState> AppStateAsync { get; set; }

public AppState AppState { get; set; }

protected override async Task OnInitializedAsync()
{
    AppState = await AppStateAsync;
}

并与它一起使用

@page "/"
@inherits IndexComponent

<p>@AppState.BaseUrl</p>
于 2019-09-27T06:34:18.497 回答