Partilhar via

.NET Aspire Azure Integração do emulador de Static Web Apps

  • Artigo

Inclui: não integração de hospedagem Client integração

Observação

Essa integração faz parte do .NET.NET Aspire Community Toolkit e não é oficialmente suportada pela equipe .NET.NET Aspire.

Neste artigo, irá aprender a utilizar a integração de hospedagem do emulador .NET.NET AspireAzure de Static Web Apps para executar Azure Static Web Apps localmente usando o emulador. O emulador fornece suporte para proxy tanto do frontend estático quanto do back-end da API usando recursos definidos no host do aplicativo.

Essa integração requer que a CLI de Azure Static Web Apps seja executada e suporta apenas a hospedagem do emulador para desenvolvimento local, não a implantação em Azure Static Web Apps.

Integração de hospedagem

Para começar a usar a integração de hospedagem do emulador .NET AspireAzure Static Web Apps, instale o 📦 CommunityToolkit.Aspire.Hospedagem.Azure.StaticWebApps pacote NuGet no projeto AppHost.

dotnet add package CommunityToolkit.Aspire.Hosting.Azure.StaticWebApps

Para obter mais informações, consulte dotnet add package ou Manage package dependencies in .NET applications.

Exemplo de utilização

No arquivo Program.cs do seu projeto de host de aplicativo, defina os recursos de back-end e front-end. Em seguida, chame o método AddSwaEmulator para criar o emulador e passe os recursos usando os métodos WithAppResource e WithApiResource.

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();

O código anterior define a API e os recursos de frontend e cria um emulador com os recursos. O emulador é então iniciado usando o método Run.

Ver também