Crear valores de configuración para Blazor

Blazor al igual que todas los tipos apps de .NET Core utilizan el archivo appsettings.json para guardar la configuración que queramos utilizar dentro de la App de tal manera que cuando esta configuración cambie la App cambie su comportamiento y se ajuste a la nueva configuración.

En Blazor el archivo de configuración debe crear en la carpeta wwwroot siguiendo el mismo patrón en .NET Core donde podemos también agregar el ambiente que representa la variable de entorno.

wwwroot/appsettings.json
wwwroot/appsettings.{ENVIRONMENT}.json

En este ejemplo creo una variable de configuración apiUrl para guardar la ruta de la API a la que se va ha conectar:

{
    "apiUrl": "http://localhost:5050/api"
}

Y luego simplemente para usarla en una clase como en este caso UserService, recibo en el constructor la interfaz de configuration IConfiguration

 private HttpClient Http {get;set;}
 private string ApiUrl {get;set;}

        public UserService(HttpClient http, IConfiguration Configuration)
        {
            this.Http = http;
            this.ApiUrl = Configuration["apiUrl"];
        }

También podemos utilizar esta configuración directamente en un componente de blazor (.razor) inyectando la dependencia con @inject

@page "/"
@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration

<h1>Configuration example</h1>

<p>API URL: @Configuration["apiUrl"]</p>

Puedes leer mas documentación al respecto en:

https://docs.microsoft.com/en-us/aspnet/core/blazor/fundamentals/configuration?view=aspnetcore-5.0

Un comentario en «Crear valores de configuración para Blazor»

Los comentarios están cerrados.