メモ：Azure Static Web Apps

やりたいこと

Azure で静的なWebサイトをホストする。
(たんに HTML と JavaScript のファイルを置くだけ)

方法

静的Webアプリ (Azure Static Web Apps) を使う。

手順

• Azure のポータルを開く。
• 「静的Webアプリ」を選択
• 「作成」を選択
  • 「サブスクリプション」を指定
  • 「リソースグループ」を指定 (なければ新規作成)
  • アプリの「名前」を設定
  • 「プラン」を選択
  • 「ソース」は「GitHub」を選択し、アカウントを連携
  • GitHubのリポジトリを選択
    • 「組織」：GitHubアカウント
    • 「リポジトリ」：GitHubのリポジトリ
    • 「分岐」：GitHubのブランチ
  • 「ビルドのプリセット」は「HTML」を選択
    • 「アプリの場所」：GitHubリポジトリ内のアプリのディレクトリ
    • 「APIの場所」：とりあえず空欄
    • 「出力先」：ビルド出力の相対パス。とりあえず 「/」を設定
  • 「確認および作成」を選択
  • 「作成」を選択
• しばらくすると「デプロイが完了しました」
• 「リソースに移動」で作成したアプリの概要ページへ (ポータルからも開ける)
• 「基本」の「URL」を開いてアプリの動作を確認する。

所感

• レンタルサーバにFFFTPでアップするほうが65536倍簡単である。
• まあ、GitHubと連携できるのは良い。
• もちろん、本格的なことをやろうと思ったらこっちのほうが断然便利だろう。