とりあえず書き殴り、いつか清書する。
前提条件
- Githubのアカウントを持っている
- Azureのアカウントを持っている
- Blazorアプリを作成済み
※デプロイだけ試してみたい場合はテンプレートがあるのでそちらをクローンして試してみて下さい。
Azureでの操作
- リソースの作成
- 静的Webアプリを選択し作成ボタンをクリック
- 基本タブを入力
Github アカウントでサインイン
Authorize Azure-App-Service-Static-Web-Appsをクリック
Githubリポジトリの情報、ビルドの詳細を入力
確認および作成ボタンをクリック
こんな画面が表示されて少々時間がかかります。
問題なければ作成ボタンをクリック
どうやら無事にデプロイできた様子。
リソースに移動をクリックすると詳細情報が見られます。
Githubの状態を確認する必要があるようです。
Github workflowsにてデプロイ作業が進んでいることが確認できます。そこそこ時間がかかります。
ビルド完了です！5分くらいかかりました。
先程のリソースの画面に戻ってみてURLを叩いてみましょう。
最後にデプロイできてるか実際にURLを叩いて確認してみます。
問題ないですね！
実際は問題ありました
Visual Studio 2022でBlazor WebAssemblyプロジェクトを作成するとフォルダ構成がApi,Client,Sharedという構成で作成されません。
しかし、githubからAzureにデプロイする際はそれらのディレクトリがある前提でビルドが行われるので私の場合はビルドエラーのためデプロイできませんでした。
初めから下記のテンプレートを使って開発すれば問題なくデプロイできるはず！初めから知っていれば…。そういうこともあるよね。