CODEWITHSUNDEEP
blazorblazor-webassembly
Franky
Franky

Reputation: 1594

Blazor WebAssembly Hosted API URL

Trying to understand the default Blazor WebAssembly ASP.NET Hosted template ... my question is exactly what's the location of the API hosted by the server app?

The client app simply calls an API "weatherforecast":

await Http.GetFromJsonAsync<WeatherForecast[]>("WeatherForecast");

But there is no such URL if you navigate manually to http://localhost:xxxxx/weatherforecast

What's the actual API endpoint if I want to see the raw JSON result?

Upvotes: 1

Views: 785

Answers (1)

Andres Talavera
Andres Talavera

Reputation: 2210

In you blazor component, a HttpClient is injected.

@* Injection of HttpClient *@
@inject HttpClient Http
@* your page/component code *@
@foreach (var f in forecasts)
{
    <div>
        @f.SomeProperty
    </div>
}

@code {
    private WeatherForecast[] forecasts;

    protected override Task OnInitilizeAsync()
    {
        // Use HttpClient injected at top
        forecasts = Http.GetFromJsonAsync<WeatherForecast[]>("weatherforecast");
    }
}

In you Program class, you have a Main(string[]) method, which register all services:

    // create a Builder for Blazor WebAssembly
    var builder = WebAssemblyHostBuilder.CreateDefault(args);

    // Register a HttpClient in services
    // builder.HostEnvironment.BaseAddress = domain of your app (localhost, www.example.com, ...)
    builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

Upvotes: 0

Related Questions