Creando archivo de configuración

Clase 10 de 19 • Curso de Aplicaciones Web con Blazor WebAssembly y .NET

Contenido del curso

Introducción

Componentes de Blazor

Conectando Blazor a Backend

Usando Librerías de Blazor

Cierre

19
Conclusión y cierre
01:52 min

Tomar examen

Comentarios

Diego Alejandro Gentner Polanco

student•

Archivo de Configuración

Para poder recibir datos desde un archivo de configuracion de JSON podemos hacer lo siguiente:

Dentro de la carpeta de wwwroot podemos crear un archivo llamado appsettings.json en el cual podemos introducir datos de configuración. Por ejemplo:

{
  "helloMessage" : "Hello World from Platzi",
}

Una vez que tenemos nuestro archivo de configuración podemos recurrir a ponerlo en alguna página de Blazor de la siguiente manera.

@page "/"
@inject IConfiguration config

<h2>@HelloMessage</h2>

@code {
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }
}

BALFRE VAZQUEZ CASTREJON

student•

En la pagina de microsoft hay varios ejemplos de que mas podemos hacer con los archivos de configuracion ASP.NET Core Blazor configuration

Aron Eliezer Lopez Agurcia

student•

También agrego que en el proyecto actual de blazor usando .net 8, al momento de hacer la inyección de dependencia, la variable "config" muestra warning, especificando que el dato puede venir null.

Para solucionarlo se aplico una variable string que hacepte null

 public string? HelloMessage = "";
    protected override void OnInitialized()
    {

        HelloMessage = config["hellowMessage"];
    }
``` public string? HelloMessage = "";    protected override void OnInitialized()    {
        HelloMessage = config\["hellowMessage"];    }

Esteban Cerda Román

student•

Genial! me ayudaste a quitar la advertencia.

Eduardo Jimenez

student•

Mano, encontrar estos comentarios me dan fe en la humanidad! Gracias!

Jonathan Camilo Bernal Aldana

student•

El appsettings sirve para poder tener configuraciones con ambientes separados ejemplo

appsettings.Production.json appsettings.Development.json

Enzo Botta

student•

Buenas, tengo una pregunta, es posible crear variables de sesión? Es decir por ejemplo para un login guardar el id del usuario, su nombre, su email, entre otros datos para tenerlos en todo el sitio para luego usarlos por ejemplo en una pagina para que solamente dicho usuario pueda verla, entre otras funcionalidades. Gracias

Juan Daniel Diaz Jaramillo

student•

Para eso guardalas en el SessionStorage del navegador, y así la llamas cuando quieras si quieres msotrar ciertos datos.

Matías Alejandro Abarca Morales

student•

¿Hay algún motivo, por el cual el archivo appsettings se coloca en la carpeta wwwroot o es standard de .NET?

Miguel Teheran

teacher•

Es que ese archivo debe tomarse como un dato estático y hace parte de los archivos que deben irse al momento de publicar el sitio, la manera de que esto ocurra de manera automatica es meterlo ahi

Aron Eliezer Lopez Agurcia

student•

Es posible tener varios archivos de configuración y especificar con cual hacer el @inject?

Erick Alexander Cabrera González

student•

Al momento de cambiar el valor en <ModuleTitle> no me detecta que ingreso la variable @HelloMessage, por consiguiente no me carga en la pagina de generada en el navegador. ¿Alguien sabe porque pasa este problema?

@page "/"
@inject IConfiguration config

<PageTitle>Home</PageTitle>

<ModuleTitle Title= "@HelloMessage" />

Welcome to your new app.

@code
{
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }    
}

Erick Alexander Cabrera González

student•

@page "/"
@inject IConfiguration config

<PageTitle>Home</PageTitle>

<ModuleTitle Title= "@HelloMessage" />

Welcome to your new app.

@code
{
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }    
}
```@page "/"@inject IConfiguration config
\<PageTitle>Home\</PageTitle>
\<ModuleTitle Title= "" />
Welcome to your new app.
@code{    public string HelloMessage = "";
    protected override void OnInitialized()    {        HelloMessage = config\["helloMessage"];    }    }![](C:\Users\cabre\OneDrive\Escritorio)![]()

Juan David Forero

student•

Muy fácil de implementar el archivo de configuración. Gracias profe.

WPOSS Ocaña

student•

el archivo debe llamarse estrictamente "appsettings.json" para que funcione?

Miguel Teheran

teacher•

si correcto, es el archivo de configuracion del proyecto

@page "/"
@inject IConfiguration config

<h2>@HelloMessage</h2>

@code {
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }
}

 public string? HelloMessage = "";
    protected override void OnInitialized()
    {

        HelloMessage = config["hellowMessage"];
    }
``` public string? HelloMessage = "";    protected override void OnInitialized()    {
        HelloMessage = config\["hellowMessage"];    }

@page "/"
@inject IConfiguration config

<PageTitle>Home</PageTitle>

<ModuleTitle Title= "@HelloMessage" />

Welcome to your new app.

@code
{
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }    
}

@page "/"
@inject IConfiguration config

<PageTitle>Home</PageTitle>

<ModuleTitle Title= "@HelloMessage" />

Welcome to your new app.

@code
{
    public string HelloMessage = "";

    protected override void OnInitialized()
    {
        HelloMessage = config["helloMessage"];
    }    
}
```@page "/"@inject IConfiguration config
\<PageTitle>Home\</PageTitle>
\<ModuleTitle Title= "" />
Welcome to your new app.
@code{    public string HelloMessage = "";
    protected override void OnInitialized()    {        HelloMessage = config\["helloMessage"];    }    }![](C:\Users\cabre\OneDrive\Escritorio)![]()

Creando archivo de configuración

Introducción

Presentación

Prerrequisitos

¿Qué es WebAssembly y Blazor?

Creando un proyecto de Blazor en Visual Studio

Creando un proyecto de Blazor con el CLI

Analizando extensiones de Visual code para blazor

Componentes de Blazor

Estructura de componentes y arquitectura en Blazor

Ciclo de vida en componentes y parámetros

Creando componentes compartidos