Scribd
Cargar
29 vistas4 páginas

Crear API REST y consumir en Blazor

El documento describe los pasos para crear una API REST utilizando ASP.NET Core Web API y una aplicación Blazor WebAssembly. Se incluyen instrucciones para crear un proyecto de API, definir un modelo de producto, implementar un controlador y consumir la API desde la aplicación Blazor. Además, se proporciona código de ejemplo para cada parte del proceso.

Cargado por

angel.acena
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
29 vistas4 páginas

Crear API REST y consumir en Blazor

El documento describe los pasos para crear una API REST utilizando ASP.NET Core Web API y una aplicación Blazor WebAssembly. Se incluyen instrucciones para crear un proyecto de API, definir un modelo de producto, implementar un controlador y consumir la API desde la aplicación Blazor. Además, se proporciona código de ejemplo para cada parte del proceso.

Cargado por

angel.acena
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

1. Crear la API REST (con ASP.

NET Core Web API)

Paso 1: Crear el proyecto de la API

bash

CopiarEditar

dotnet new webapi -n MiApiRest

cd MiApiRest

Paso 2: Crear un modelo (por ejemplo, [Link])

csharp

CopiarEditar

public class Producto

public int Id { get; set; }

public string Nombre { get; set; }

public decimal Precio { get; set; }

Paso 3: Crear un controlador

csharp

CopiarEditar

[ApiController]

[Route("api/[controller]")]

public class ProductosController : ControllerBase

private static List<Producto> productos = new()

new Producto { Id = 1, Nombre = "Café", Precio = 2.5M },

new Producto { Id = 2, Nombre = "Té", Precio = 1.5M }

};

[HttpGet]

public ActionResult<IEnumerable<Producto>> Get() => productos;


[HttpPost]

public ActionResult<Producto> Post(Producto p)

[Link] = [Link](x => [Link]) + 1;

[Link](p);

return CreatedAtAction(nameof(Get), new { id = [Link] }, p);

Paso 4: Ejecutar la API

bash

CopiarEditar

dotnet run

2. Crear la app Blazor (Server o WebAssembly)

Aquí usaremos Blazor WebAssembly, aunque el código es casi idéntico en Blazor Server.

bash

CopiarEditar

dotnet new blazorwasm -n ClienteBlazor

cd ClienteBlazor

Paso 5: Añadir llamada a la API REST

Edita [Link] y añade el HttpClient apuntando a tu API:

csharp

CopiarEditar

[Link](sp => new HttpClient { BaseAddress = new


Uri("[Link] });

Paso 6: Consumir la API desde una página

Edita el archivo Pages/[Link]:

razor

CopiarEditar

@page "/productos"

@inject HttpClient Http


<h3>Productos</h3>

@if (productos is null)

<p><em>Cargando...</em></p>

else

<ul>

@foreach (var p in productos)

<li>@[Link] - @[Link] €</li>

</ul>

@code {

private List<Producto>? productos;

protected override async Task OnInitializedAsync()

productos = await [Link]<List<Producto>>("api/productos");

public class Producto

public int Id { get; set; }

public string Nombre { get; set; } = "";

public decimal Precio { get; set; }

}
}

También podría gustarte