コンテンツにスキップ

AstroサイトをMicrosoft Azureにデプロイする

AzureはMicrosoftのクラウドプラットフォームです。Microsoft AzureのStatic Web Appsサービスを使用してAstroサイトをデプロイできます。

このガイドでは、Visual Studio Codeを使用してGitHubに保存されているAstroサイトをデプロイする方法を説明します。その他のセットアップについては、Azure Pipelinesタスクの使用に関するMicrosoftのガイドをご覧ください。

このガイドを進めるためには以下が必要です。

  1. プロジェクトをVS Codeで開きます。

  2. Static Web Apps拡張機能を開いてAzureにサインインし、+ ボタンをクリックして新しいStatic Web Appを作成します。使用するサブスクリプションキーを指定するように求められます。

  3. 拡張機能によって起動したウィザードに従い、アプリに名前を付け、フレームワークのプリセットを選択し、アプリのルート(通常は/)とビルドされたファイルの場所/distを指定します。AstroはAzureのビルトインテンプレートにはリストされていないため、customを選択する必要があります。ウィザードが実行され、リポジトリの.githubフォルダにGitHub Actionを作成します。(このフォルダがまだ存在していない場合は自動的に作成されます。)

GitHub Actionがアプリをデプロイします(GitHub上のリポジトリのActionsタブから進行状況を確認できます)。正常に完了すれば、Browse WebsiteボタンをクリックしてSWA拡張機能の進行状況ウィンドウに表示されているアドレスからアプリを確認できます(これはGitHub Actionの実行後に表示されます)。

作成されるGitHub Actionのyamlはnode 14の使用を前提としています。これはAstroのビルドが失敗することを意味します。これを解決するには、プロジェクトのpackage.jsonファイルに次のスニペットを追加します。

"engines": {
"node": ">=18.0.0"
},

その他のデプロイガイド

デプロイ種別でフィルタ