【Azure】Static Web Appを使って自動デプロイ

はじめに

Azure Static Web Apps×GitHubで簡単にWebアプリケーションを自動デプロイができるとのことで、今回行いたいと思う。
Azure Static Web Appsの説明

手順

既にGitHubにリポジトリは作成されているので、今回はそれを使用する。
(※もしリポジトリがない人は、ドキュメントにリポジトリを作成するがあるのでそちらを参照。）
Azureポータルに行き、リソースの作成を選択する。

検索バーで「static」を入力すると「Static Web App(preview)」が出てくるので、そちらを選択する。

作成ボタンを押す。

静的Webアプリの作成が出てくるので、入力する。
GitHubアカウントでサインインを選択する。

下記のような画面が出てくるのでログイン・承認を行う。

リポジトリとビルドの詳細を入力する。
確認と作成を選択し、作成する。

デプロイが完了したらリソースに移動を選択する。

URLをクリックすると、自動でデプロイできているのが確認できる。(デプロイできるまで時間がかかるので注意。)

参考

Azure Static Web Apps のドキュメント
[マンガでわかる Azure Static Web Apps: クラウド初心でもできる！CIツール不要の自動デプロイ] (https://www.amazon.co.jp/dp/B08CXL3GD9/ref=cm_sw_r_tw_dp_x_8YR7Fb0PGNABC)