様々なWebアプリをAzureにデプロイする

.NETラボ勉強会2022年12月
「様々なWebアプリをAzureにデプロイする」

Transcript

1. 様々なWebアプリを Azureにデプロイする 株式会社SAKURUG エンジニアリングユニット 草場 友光 .NETラボ 2022年12月
2. 自己紹介 • 普段は主にWebFormsアプリの保守の お仕事をしてます。 • 古めのシステムが多いので時代に取り 残されぬよう新しい技術を一つでも入 れるよう日々努力しています。 • 2022/08-2023 Microsoft MVP (Developer Technologies) • tomo_kusaba
3. 宣伝 【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。
4. 注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると右側に表示されます
5. 今日の目的 • Azure App ServiceやAzure Static Web AppsはAzureにおい てWebアプリをホストするための最も有用な選択肢です。 • 自作のアプリまたは既存のアプリがいかに簡単に高効率に生産 性よくホストできるかをデモを通して知る
6. Azure App Serviceとは • .NET、.NET Core、Java、Ruby、Node.js、PHP、Python、 コンテナをホストすることができるフルマネージドPaaS • コードベースでの使用の場合OSと言語フレームワークのパッ チは自動適用される • マーケットプレイスにある様々なアプリケーションをデプロイ することができる
7. Azure Static Web Appsとは • GitHub/Azure DevOpsのコードリポジトリから静的Webアプ リを自動的にビルドしてデプロイし公開するサービス • Angular、React、Vue.js、Next.js、Nuxt.js、BlazorWASM などに対応 • グローバル分散 • 無料のSSL証明書 • 組み込みの認証プロバイダー
8. デモ1 • Visual StudioにあるBlazor Serverのアプリを直接Azure App Serviceにデプロイする
9. デモ1のつづき(17.5 Preview 2～) https://devblogs.microsoft.com/visualstudio/try-out-visual- studio-2022-17-5-preview-2/#publish
10. デモ2 • GitHub上にあるBlazor ServerのアプリをAzure App Service にデプロイする。 • GitHub上のコードを変更することでGitHubActionが動き自動 的に再デプロイされることを確認する
11. デモ3 • GitHub上にあるBlazor WebAssemblyアプリをAzure Static Web Appsにデプロイする • GitHub上のコードを変更することでGitHub Actionが動き自動 的に再デプロイされることを確認する
12. デモ4 • マーケットプレイスにあるWordPressをAzure App Serviceに デプロイする
13. 参考文献 • クイックスタート: ASP.NET Web アプリをデプロイする (Visual Studio) • クイックスタート: ASP.NET Web アプリをデプロイする (Azure Portal) • WordPress サイトの作成 • クイック スタート: 静的 Web アプリを初めてビルドする (Azure Portal,GitHub,Blazor)
14. 本日のURL （Azure サイトは1週間程度で削除します） • Visual StudioからApp Serviceにデプロイ →https://blazorapp1620221217141833.azurewebsites. net/ • GitHubからApp Serviceにデプロイ →https://dotnetlabgithub.azurewebsites.net/ →https://github.com/tomokusaba/dotnetlab202212GitH ubDemo • GitHubからStatic Web Appsにデプロイ →https://jolly-desert-0d1ed9f10.2.azurestaticapps.net/ →https://github.com/tomokusaba/dotnetlab202212was m
15. おしまい おしまい