Leer en inglés

Compartir a través de

integración del emulador de .NET AspireAzure Static Web Apps

  • Artículo

Incluye:integración de hospedaje no Client

Nota

Esta integración forma parte del Community Toolkit y no es compatible oficialmente con el equipo de .

En este artículo, aprenderá a usar el emulador de Static Web Apps .NET.NET AspireAzure integración de hospedaje para ejecutar Azure Static Web Apps localmente mediante el emulador. El emulador proporciona soporte para el proxy tanto del frontend estático como del backend de la API utilizando recursos definidos en el host de la aplicación.

Esta integración requiere que la CLI de Azure Static Web Apps se ejecute y solo admite el hospedaje del emulador para el desarrollo local, no la implementación en Azure Static Web Apps.

Integración de hospedaje

Para empezar a trabajar con la integración de hospedaje del emulador de .NET AspireAzure Static Web Apps, instale el paquete NuGet 📦 CommunityToolkit.Aspire.Hosting.Azure.StaticWebApps en el proyecto AppHost.

CLI de .NET 
dotnet add package CommunityToolkit.Aspire.Hosting.Azure.StaticWebApps

Para obtener más información, consulte dotnet add package o Administrar las dependencias de paquetes en aplicaciones .NET.

Ejemplo de uso

En el archivo Program.cs del proyecto host de la aplicación, defina los recursos de back-end y front-end. A continuación, llame al método AddSwaEmulator para crear el emulador y pasar los recursos mediante los métodos WithAppResource y WithApiResource.

C# 
var builder = DistributedApplication.CreateBuilder(args);

// Define the API resource
var api = builder.AddProject<Projects.Aspire_CommunityToolkit_StaticWebApps_ApiApp>("api");

// Define the frontend resource
var web = builder
    .AddNpmApp("web", Path.Combine("..", "CommunityToolkit.Aspire.StaticWebApps.WebApp"), "dev")
    .WithHttpEndpoint(env: "PORT")
    .WithExternalHttpEndpoints();

// Create a SWA emulator with the frontend and API resources
_ = builder
    .AddSwaEmulator("swa")
    .WithAppResource(web)
    .WithApiResource(api);

builder.Build().Run();

El código anterior define la API y los recursos de front-end y crea un emulador con los recursos. A continuación, el emulador se inicia mediante el método Run.

Consulte también