Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
様々なWebアプリをAzureにデプロイする
Search
tomokusaba
December 17, 2022
Programming
0
280
様々なWebアプリをAzureにデプロイする
.NETラボ勉強会2022年12月
「様々なWebアプリをAzureにデプロイする」
tomokusaba
December 17, 2022
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
1
10
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
680
プロンプトエンジニアリング入門
tomokusaba
2
1.2k
Sementic Kernelのネイティブ関数について
tomokusaba
0
910
C#でのPlaywrightを使ったE2Eテストの実際
tomokusaba
0
370
「インフラ初心者」…からのPlaywright Testing
tomokusaba
1
330
Fluent UI Blazorの新しいComponentについて
tomokusaba
0
270
「インフラ初心者の私がAzure VMで.NETアプリをホストするまでサンタを帰さない」の続き!
tomokusaba
1
310
Sementic Kernelのネイティブ関数について
tomokusaba
0
270
Other Decks in Programming
See All in Programming
新宿ダンジョンを可視化してみた
satoshi7190
2
240
Java 22 Overview
kishida
1
180
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
950
Hanami and htmx
bkuhlmann
0
210
Ruby Pattern Matching
bkuhlmann
0
920
Git Rebase
bkuhlmann
11
1.6k
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.2k
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
220
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
330
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
900
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
468
290k
The Pragmatic Product Professional
lauravandoore
25
5.8k
4 Signs Your Business is Dying
shpigford
175
21k
Fireside Chat
paigeccino
21
2.6k
Building an army of robots
kneath
300
41k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Atom: Resistance is Futile
akmur
259
25k
A Tale of Four Properties
chriscoyier
151
22k
GraphQLとの向き合い方2022年版
quramy
32
12k
Web development in the modern age
philhawksworth
202
10k
Transcript
様々なWebアプリを Azureにデプロイする 株式会社SAKURUG エンジニアリングユニット 草場 友光 .NETラボ 2022年12月
自己紹介 • 普段は主にWebFormsアプリの保守の お仕事をしてます。 • 古めのシステムが多いので時代に取り 残されぬよう新しい技術を一つでも入 れるよう日々努力しています。 • 2022/08-2023
Microsoft MVP (Developer Technologies) • tomo_kusaba
宣伝 【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。
注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると右側に表示されます
今日の目的 • Azure App ServiceやAzure Static Web AppsはAzureにおい てWebアプリをホストするための最も有用な選択肢です。 •
自作のアプリまたは既存のアプリがいかに簡単に高効率に生産 性よくホストできるかをデモを通して知る
Azure App Serviceとは • .NET、.NET Core、Java、Ruby、Node.js、PHP、Python、 コンテナをホストすることができるフルマネージドPaaS • コードベースでの使用の場合OSと言語フレームワークのパッ チは自動適用される
• マーケットプレイスにある様々なアプリケーションをデプロイ することができる
Azure Static Web Appsとは • GitHub/Azure DevOpsのコードリポジトリから静的Webアプ リを自動的にビルドしてデプロイし公開するサービス • Angular、React、Vue.js、Next.js、Nuxt.js、BlazorWASM
などに対応 • グローバル分散 • 無料のSSL証明書 • 組み込みの認証プロバイダー
デモ1 • Visual StudioにあるBlazor Serverのアプリを直接Azure App Serviceにデプロイする
デモ1のつづき(17.5 Preview 2~) https://devblogs.microsoft.com/visualstudio/try-out-visual- studio-2022-17-5-preview-2/#publish
デモ2 • GitHub上にあるBlazor ServerのアプリをAzure App Service にデプロイする。 • GitHub上のコードを変更することでGitHubActionが動き自動 的に再デプロイされることを確認する
デモ3 • GitHub上にあるBlazor WebAssemblyアプリをAzure Static Web Appsにデプロイする • GitHub上のコードを変更することでGitHub Actionが動き自動
的に再デプロイされることを確認する
デモ4 • マーケットプレイスにあるWordPressをAzure App Serviceに デプロイする
参考文献 • クイックスタート: ASP.NET Web アプリをデプロイする (Visual Studio) • クイックスタート:
ASP.NET Web アプリをデプロイする (Azure Portal) • WordPress サイトの作成 • クイック スタート: 静的 Web アプリを初めてビルドする (Azure Portal,GitHub,Blazor)
本日の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
おしまい おしまい