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 sobre “Crear valores de configuración para Blazor

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s