Azure

Azure Static Web Apps

Azure Static Web Appsは、GitHub Actionsワークフローで継続的にデプロイされるように設計されています。デフォルトでは、Nuxtはこのデプロイ環境を検出してazureプリセットを有効にします。

ローカルプレビュー

ローカルでテストする場合は、Azure Functions Core Toolsをインストールしてください。

デプロイ前にプレビューするために、開発環境を起動できます。

npx nuxi build --preset=azure
npx @azure/static-web-apps-cli start .output/public --api-location .output/server

設定

Azure Static Web Appsは、設定ファイルstaticwebapp.config.jsonを使用して設定されます。

Nuxtは、アプリケーションがazureプリセットでビルドされるたびに、この設定ファイルを自動的に生成します。

以下の基準に基づいて、以下のプロパティを追加します。

カスタム設定

azure.configオプションを使用して、生成された設定を変更できます。たとえば、Azure FunctionsのNodeランタイムを指定する場合、nuxt.config.tsファイルを以下のように編集します。

export default defineNuxtConfig({
  // ...
  nitro: {
    azure: {
      config: {
        // ...
        platform: {
          apiRuntime: 'node:18'
        }
      }
    }
  }
})

カスタムルートが追加され、最初に照合されます。競合が発生した場合（オブジェクトに同じルートプロパティがある場合）、カスタムルートは生成されたルートをオーバーライドします。

GitHub Actionsを介したCI/CDからのデプロイ

GitHubリポジトリをAzure Static Web Appsにリンクすると、ワークフローファイルがリポジトリに追加されます。

フレームワークの選択を求められたら、カスタムを選択し、以下の情報を入力します。

この手順を忘れた場合は、いつでもワークフローのビルド設定セクションでビルド設定を更新できます。

###### Repository/Build Configurations ######
app_location: '/'
api_location: '.output/server'
output_location: '.output/public'
###### End of Repository/Build Configurations ######

runtimeConfigを使用している場合は、Azureで対応する環境変数を設定することをお勧めします。

その他のオプション