Microsoft Azure Webアプリをいろいろなサービスに絡めてみよう

Microsoft Azure Web アプリをいろいろなサービスに絡めてみよう

2016/03/05 JAZUG 札幌支部第 10 回勉強会～祝 !! きたあず 2 周年記念勉強会～

Yasuaki Matsuda

Copyright© 2015, JAZUG All Rights Reserved.

2

自己紹介

JAZUG 札幌支部のスタッフ札幌在住Microsoft MVP Award を受賞 Microsoft Azure 2016

Blog:http://vnext-y-blog.azurewebsites.net/Twitter:@DarkCrash3Facebook:vnext.yMvp:profile

https://mvp.microsoft.com/ja-jp/PublicProfile/5001708?fullName=Yasuaki%20%20Matsuda


4

Microsoft Azure のサービスCloudIcon を並べてみました


Microsoft Azure サービス

5

Web アプリはどれでしょう？


Microsoft Azure サービス

6正解者に拍手！


7

広く浅く


8

Web アプリの周り概要です。ざっくり概要


9

Web アプリ

Web サーバーをプラットフォームとして提供するサービスOS を直接操作できない分、さまざまな機能が提供されている開発者にとってありがたいサービス多くの設定をポータル（ブラウザ）から行うことが可能IIS に慣れていた人にはなじみやすい

VisualStudio との連携機能がすごい


10

DemoVisual Studio から Web アプリのテンプレートをデプロイ


11

デプロイした Web アプリ


12

Web アプリ、 IIS と比較した場合

アプリケーションミドルウェア

OS

Microsoft AzureWeb アプリ

なんか（ PaaS ）

Internet Information Service (IIS)

Windows （ IaaS ）

Windows（オンプレミス）


13

Web アプリ、 IIS と比較した場合

アプリケーションミドルウェア

OS

Microsoft AzureWeb アプリ

なんか（ PaaS ）

Internet Information Service (IIS)

Windows （ IaaS ）

Windows（オンプレミス）意識する必要はない


14

App Service と Web アプリ

App Service – 料金プランWeb Apps

Mobile Apps

API Apps

Logic Apps


15

意識しないから・・・

OS のアップデートをしなくていいWindows アップデートだと OS 再起動が必要なこともLinux ならサービスの再起動

Kernel アップデートなら OS 再起動。

アプリケーションの開発と運用に集中できる

楽！！


16

Deploy To Azure ボタン


17

Deploy To Azure ボタン

Web アプリで、アプリケーションを作成完成非常にお手軽で、いつでもどこでも（要インターネット）


18

DemoDeploy To Azure ボタンWHOIS Client Web App/API by jsakamotohttps://github.com/jsakamoto/WHOISClientWebApp

https://github.com/jsakamoto/WHOISClientWebApp


19

Deploy to AzureDirectory ： [AzureAD]Subscription:[ サブスクリプション ]ResourceGroup:[ 新規または既存 ]SiteName:[ サイト名 - URL]SiteLocation:[ リージョン ]Sku:[ スケール ]


20

Deploy to Azure


21

Deploy to Azure 動いたところ


22

ソースを見たいとき・・・

構成ファイルを確認したいときどうなっているのかのぞきたいときブラウザで見れるもの


23

DemoKudu – Visual Studio Online Monaco


24

Kudu - Visual Studio Online

https://www.siteextensions.net/packages

https://www.siteextensions.net/packages


25

Visual Studio Online “Monaco”


26

・・・独自のものを作るうえでアプリケーションにもっと手軽に可能性はないのか！？

面白くない！


27

Web アプリ以外のサービスそうだ、ほかになにがあるのか！


28

Web アプリと連携するサービス

AzureADWeb サーバー自体に認証機能を付与する

仮想ネットワーク（ VirtualNetwork ）ユーザーから見た裏側に IaaS 構えたりできる

ApplicationInsightアプリケーションの情報をかき集める


29

Web アプリとは独立したサービス

StorageAccountストレージの制限を緩和させることができる

Automation （構成の自動処理）Azure のリソースを構成する Powershell を自動実行。

Scheduler （スケジュール実行）指定時間で簡易的なジョブを実行する

MachineLearning （機械学習）WebAPI として Web アプリから利用できる


30

Web アプリよりエンドユーザー側

CDN （コンテンツ配信）地域ごとに配信サーバーが提供される。

TrafficManager複数の Web アプリを、負荷分散またはユーザーの地域ごとに DNSクエリで振り分けてくれる


31

Web アプリのデータストア

SQL データベースWeb アプリと同じように PaaS （ DBaaS ）

DocumentDBNoSQL データベースの PaaS

その他 IaaS ＋仮想ネットワーク＋ Web アプリ


32

Demo Azure ADAzure AD 連携


33

Web アプリ - AzureAD


34

Web アプリ – AzureAD 認証

Office365 のアカウントも使えたりする


35

StorageAccount + CDN自分の Blog で試してみました画像などのメディアリソースを公開するときに、サイトにある最大容量を気にしなくていいCDN を利用すると、広域での展開でも安定するはず・・・・はず


36

StorageAccount + CDN ( 米国 , ローカル )


37

StorageAccount + CDN ( 米国 , ローカル )

CDN のドメインだと、米国、日本で解決される IP アドレスが違う。https://azure.microsoft.com/ja-jp/documentation/services/cdn/

https://azure.microsoft.com/ja-jp/documentation/services/cdn/


38

SchedulerGET による死活監視失敗時に何らかのアクションを起こすことができる


39

SchedulerHTTP リクエストを定期的に実行、失敗した場合のアクションを定義しておくことができる


40

Automationリソースの構成を自動化できるものWeb アプリのスケールも設定できる実行されるトリガーは、 WebHook またはスケジュールテンプレートがあるテンプレートには公式のものと非公式（コミュニティ）のものがある


41

Automation

テンプレートギャラリー


42

DemoApplication Insights

https://azure.microsoft.com/ja-jp/documentation/articles/app-insights-export-power-bi/





43

Application Insights – 連続エクスポート

連続エクスポートは、無料だとできない。https://azure.microsoft.com/ja-jp/documentation/articles/app-insights-export-telemetry/＞連続エクスポートは、無料の評価期間、および Standard 料金プランと Premium 料金プランで使用で

きます。

https://azure.microsoft.com/ja-jp/documentation/articles/app-insights-export-telemetry/

https://azure.microsoft.com/ja-jp/documentation/articles/app-insights-export-telemetry/

https://azure.microsoft.com/pricing/details/application-insights/





44

Stream Analytics – 入力


45

Stream Analytics – 出力


46

Stream Analytics – クエリ


47

Power BI


49

ご清聴ありがとうございました

Technology

Microsoft Azure Webアプリをいろいろなサービスに絡めてみよう