Delen via

de integratie van Static Web Apps-emulator .NET AspireAzure

  • Artikel

Omvat:Hostingintegratie niet Client integratie

Notitie

Deze integratie maakt deel uit van de .NET.NET Aspire Community Toolkit en wordt officieel niet ondersteund door het .NET.NET Aspire team.

In dit artikel leert u hoe u de .NET.NET AspireAzure Static Web Apps-emulator gebruikt hostingintegratie om Azure Static Web Apps lokaal uit te voeren met behulp van de emulator. De emulator biedt ondersteuning voor het proxyn van zowel de statische front-end als de API-back-end met behulp van resources die zijn gedefinieerd in de app-host.

Voor deze integratie is vereist dat de CLI van Azure Static Web Apps wordt uitgevoerd en alleen ondersteuning biedt voor het hosten van de emulator voor lokale ontwikkeling, niet voor Azure Static Web Apps.

Hostingintegratie

Installeer de 📦 CommunityToolkit om aan de slag te gaan met de .NET AspireAzure Static Web Apps Emulator Hosting-integratie.Aspire.Hosting.Azure.StaticWebApps NuGet Package in het AppHost-project.

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

Zie dotnet pakket toevoegen of Pakketafhankelijkheden beheren in .NET toepassingenvoor meer informatie.

Voorbeeld van gebruik

Definieer in het Program.cs-bestand van uw app-hostproject de back-end- en front-endbronnen. Roep vervolgens de AddSwaEmulator methode aan om de emulator te maken en de resources door te geven met behulp van de methoden WithAppResource en 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();

De voorgaande code definieert de API- en front-end-resources en maakt een emulator met de resources. De emulator wordt vervolgens gestart met behulp van de methode Run.

Zie ook