次の方法で共有

.NET Aspire Azure スタティック Web アプリエミュレーターの内蔵

  • [アーティクル]

含まれるもの:ホスティング統合 は含まれません Client 統合

手記

この統合は .NET.NET Aspire Community Toolkit の一部であり、は .NET.NET Aspire チームによって正式にサポート されていません。

この記事では、.NET.NET AspireAzure Static Web Apps エミュレーター ホスティング統合を使用して、エミュレーターを使用して静的 Web Apps Azure ローカルで実行する方法について説明します。 エミュレーターは、アプリ ホストで定義されているリソースを使用して、静的フロントエンドと API バックエンドの両方をプロキシ処理するためのサポートを提供します。

この統合では、Azure Static Web Apps CLI を実行する必要があり、ローカル開発用のエミュレーターのホストのみをサポートし、静的 Web Apps へのデプロイ Azure サポートしていません。

ホスティング統合

.NET Aspire Azure Static Web Apps エミュレーターのホスティング統合を開始するには、AppHost プロジェクトに 📦 CommunityToolkit.Aspire.Hosting.Azure.StaticWebApps NuGet パッケージをインストールします。

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

詳細については、「dotnet パッケージ の追加」または「.NET アプリケーションでのパッケージの依存関係の管理」を参照してください。

使用例

アプリ ホスト プロジェクトの Program.cs ファイルで、バックエンドリソースとフロントエンド リソースを定義します。 次に、AddSwaEmulator メソッドを呼び出してエミュレーターを作成し、WithAppResource メソッドと 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();

上記のコードでは、API とフロントエンド リソースを定義し、リソースを含むエミュレーターを作成します。 その後、Run メソッドを使用してエミュレーターが開始されます。

関連項目