Static Web Appsの連携先GitHubリポジトリを変更する方法

Static Web Apps (静的 Web アプリ) って便利ですよね！ 単品のリソース構築で、CDN、Web サーバー、API サーバー、カスタムドメイン with HTTPS、アプリの自動デプロイが一気に実現できるので、これからどんどん活用したいです。

ただ私はまだ慣れていないので、アプリを検証用の GitHub リポジトリで用意してインフラを作り、後から参照する GitHub リポジトリを差し替えたくなりました。 その手順が簡単に分からなかったので、本記事で整理したいと思います。

概要

az staticwebapp disconnect してから az staticwebapp update しましょう。

手順

Azure CLI で対応できました。 まずはいつも通り、Azure CLI で Azure にログインします。

az login -t tenant-id
az account set -s subscription-id

続いて、az staticwebapp disconnect を使用して Static Web Apps を GitHub リポジトリから切断します。

az staticwebapp disconnect --name static-web-app-name

この状態で Azure ポータルから Static Web Apps の概要画面を眺めると、確かに GitHub リポジトリとの関連が無くなっていることが分かります。

最後に az staticwebapp update を実行して、目的の GitHub リポジトリと接続してあげましょう。 GitHub の Personal Access Token が必要です。 (記事執筆時点では –login-with-github のオプションは指定できませんでした)

az staticwebapp update --branch branch-name --name static-web-app-name --source repository-url --token github-pat

これで、目的の GitHub リポジトリのアプリを Static Web Apps にデプロイできるようになりました。 GitHub Actions のワークフローも自動的に作成されてコミット・プッシュされます。 デプロイ対象のフォルダの指定等はできないようなので、作成されたワークフローは適宜修正してください。

まとめ

比較的簡単な手順で Static Web Apps の繋ぎ先を変更することができました。 これからも軽快で便利な Static Web Apps を活用していきたいと思います。