次の方法で共有

Azure Static Web App CLI を使用して API サーバーを起動する

  • [アーティクル]

重要

Static Web Apps CLI からのデプロイのセキュリティを向上するために、2025 年 1 月 15 日までに Static Web Apps CLI の最新バージョン (2.0.2) にアップグレードする必要がある破壊的変更が導入されました。

Azure Static Web Apps では、統合マネージド Functions を使用して、API エンドポイントをアプリケーションに追加します。 Azure Functions Core Tools CLI を使用すると、Azure Functions アプリをローカルで実行できます。 Core Tools CLI を使用すると、API エンドポイントをローカルで実行してデバッグすることができます。

Core Tools は手動または自動のどちらでも起動できます。

手動による起動

API サーバーと共に SWA CLI エミュレーターを使用するには、次の手順を実行します。

  1. Azure Functions Core Tools CLI または Visual Studio Code 拡張機能を使用して API サーバーを起動します。

    Core Tools が実行されたら、ローカルの API サーバーの URL をコピーします。

    func host start

  2. 別のターミナルで、--api-devserver-url オプションを使用して SWA CLI を起動し、ローカルの API サーバーの URI を渡します。

    次に例を示します。

    swa start ./my-dist --api-devserver-url http://localhost:7071

自動起動

自動起動を設定するには、まず、ローカルの開発環境の api フォルダー内に Azure Functions アプリケーション プロジェクトを配置する必要があります。

  1. SWA エミュレーターと共に API サーバーを起動する

    swa start ./my-dist --api-location ./api

  2. 起動と、実行中の開発サーバーの使用を組み合わせます

    swa start http://localhost:3000 --api-location ./api

次のステップ

Azure に配置する