はじめに
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ツール不要の自動デプロイ