WebApps と ClearDBで作る
簡単Webサイト
ハンズオン@熊本クラウド語ろう会 クラウド勉強会
2016/07/23
今日のゴール
MarketplaceよりWordPressをお手軽にデプロイできるように
なる。
WebApp Serviceって何? から 少しは説明できるようにな
る!
Marketplaceって便利だなーと実感してもらう。
Copyright© 2015, JAZUG All Rights Reserved.
2
今回使用するサービス概要
Copyright© 2015, JAZUG All Rights Reserved.
3
Azureの多彩なサービス
Copyright© 2015, JAZUG All Rights Reserved.
4
仮想マシン
Cloud
Services
Batch
Webアプリ
Mobile
Services
RemoteApp
HDInsight
Machine
Learning
Stream
Analytics
Data
Factory
SQL
Database
DocumentDB
Storage
Virtual
Network
Express
Route
Traffice
Manager
Load
Balancer
Azure
DNS VPN
Gateway
Media
Services
Service
Bus
Backup
Site
Recovery
Azure
Active
Directory
Autoscaling
Visual
Studio
Team
Service
Automation
Scheculer
Marketplace
ClearDB
Azureの多彩なサービス
Copyright© 2015, JAZUG All Rights Reserved.
5
仮想マシン
Cloud
Services
Batch
Webアプリ
Mobile
Services
RemoteApp
HDInsight
Machine
Learning
Stream
Analytics
Data
Factory
SQL
Database
DocumentDB
Storage
Virtual
Network
Express
Route
Traffice
Manager
Load
Balancer
Azure
DNS VPN
Gateway
Media
Services
Service
Bus
Backup
Site
Recovery
Azure
Active
Directory
Autoscaling
Visual
Studio
Team
Service
Automation
Scheculer
Marketplace
ClearDB
今回使用するサービス概要
Copyright© 2015, JAZUG All Rights Reserved.
6
Web Apps
高速に展開できるWebサイト
Copyright© 2015, JAZUG All Rights Reserved.
7
Web Apps(Webアプリ)
Webサイトをクラウド上に短時間で作成できます。
.NET、Java、PHP、Node.js、Python をサポート。
自動スケール・負荷分散が容易に実装可能。
Git、TFS、GitHub、Visual Studio Team Services を使用した継
続的なデプロイに対応。
Wordpress、EC-CubeなどのOSSもサポート。
スワップ機能によりステージング環境から本番環境へのスムー
ズな切替が可能。
Copyright© 2015, JAZUG All Rights Reserved.
8
Web Appsに向かないもの
IIS以外で様々な設定を必要とするWebアプリケーション。
※そのまま配置することはできません。
作り直す必要があります。
老朽化に伴う更新で、スケール・可用性などを考慮してクラウ
ド化したいもの。
※サポートされるバージョンの相違等が発生する場合が
あるため、考慮が必要。
Copyright© 2015, JAZUG All Rights Reserved.
9
WebAppsと他サービスの比較
Copyright© 2015, JAZUG All Rights Reserved.
10ネットワーク
ストレージ
ランタイム
データ
アプリケーション
AppService/CloudServices
利用者が管理
Azureが管理
物理サーバ
仮想化
OS
ミドルウェア
ネットワーク
ストレージ
ランタイム
データ
アプリケーション
Azure仮想マシン
物理サーバ
仮想化
OS
ミドルウェア
WebApp Service 料金プラン
Copyright© 2015, JAZUG All Rights Reserved.
11
ClearDB
無料から使えるMySQLデータベースサービス
Copyright© 2015, JAZUG All Rights Reserved.
12
ClearDB
MySQLが利用できるサードパーティのDatabase-as-a-Service。
無料のプラン(DBサイズ20MB)から利用可能。
簡単に冗長性の確保や自動バックアップ、ワンタッチでのリス
トアなどが提供されます。
※Azureポータルでは不可。ClearDBサイトでの管理となります。
上位プランだとSLA100%というサービスです。
Copyright© 2015, JAZUG All Rights Reserved.
13
ClearDB と MySQL Serverの比較
Copyright© 2015, JAZUG All Rights Reserved.
14
ホストOS
仮想化
ゲストOS
MySQL
データベース
ホストOS
仮想化
ゲストOS
MySQL
データベース
MySQL on Azure VM ClearDB
利用者が管理
Azureが管理
フルコントロール 自動管理
ClearDB と MySQL Serverの比較
比較内容 ClearDB MySQL on Azure VM
MySQL Server バージョン ユーザーによる選択不可 ユーザー側で選択可
データベース最大サイズ Free:20MB
Titan:250MB
Venus:1GB
Saturn:5GB
Jupiter:10GB
VMのディスクサイズに依存
セキュリティ 接続元IPの制限は不可 ユーザー側で設定可
バックアップ・リストア ClearDBサイトからの実施もしくは、
外部接続によるmysqldumpなど
MySQL 標準(mysqldumpなど)の
バックアップ/リストア
その他 同時接続数:少
データベースサイズ:少
冗長化:構築が容易
(サイト構築と同時に作成される)
同時接続数:ユーザー側で設定可
データベースサイズ:VMサイズ次第
冗長化:自身で構築する必要あり
Copyright© 2015, JAZUG All Rights Reserved.
15
ClearDB 料金プラン
Copyright© 2015, JAZUG All Rights Reserved.
16
実際に作ってみましょう
Copyright© 2015, JAZUG All Rights Reserved.
17
必要なもの
Microsoft Azure アカウント
インターネットに接続可能なPC
Copyright© 2015, JAZUG All Rights Reserved.
18
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
19
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
20
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
手順1.準備
以下項目の決定
リージョン(場所)
ネットワークの接続形態
料金プラン(コスト、SLA)
以下についても検討する
作成するアプリケーションの言語、バージョン
セキュリティ管理
運用管理
Copyright© 2015, JAZUG All Rights Reserved.
21
Microsoft Azureへログイン
URL:https://azure.microsoft.com/ja-jp/
Copyright© 2015, JAZUG All Rights Reserved.
22
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
23
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
手順2.リソースグループ作成
リソースをまとめるためのグループ(リソースグループ)を作
成する
設定する項目は以下の通り
リソースグループ名
サブスクリプション(選択)
リージョン(選択)
Copyright© 2015, JAZUG All Rights Reserved.
24
手順2.リソースグループ作成
Copyright© 2015, JAZUG All Rights Reserved.
25
①
②
③
④
⑤
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
26
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
手順3.App Service プラン作成
App Serviceで利用する料金プランを作成する。
同一プラン内のWebAppは10個までその料金内で動作させるこ
とができる。
設定するパラメーターは以下の通り
App Service プラン
リージョン
価格レベル
Copyright© 2015, JAZUG All Rights Reserved.
27
サブスクリプション(選択)
リソースグループ(選択)
手順3.App Service プラン作成
Copyright© 2015, JAZUG All Rights Reserved.
28
①
②
手順3.App Service プラン作成
Copyright© 2015, JAZUG All Rights Reserved.
29
⑤
⑥
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
30
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
手順4. WebApps+ClearDB作成
Marketplaceに様々なソフトウェアの組み合わせの構成が提供され
ており、Wordpressなどを即座に展開することが可能である。
Marketplaceから展開することでWebAppsとClearDBを自動構成する
ことができる。
設定するパラメーターは以下の通り
アプリ名
サブスクリプション(選択)
リソースグループ(選択)
料金プラン/リージョン(選択)
データベース
Copyright© 2015, JAZUG All Rights Reserved.
31
データベース名
データベースの種類(選択)
場所(選択)
価格レベル(選択)
法律条項
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
32
①
②
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
33
③
④
⑤
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
34
⑥ ⑦
⑨
⑧
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
35
5.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
手順5.WordPressの設定
ここまでくるとWordPressにアクセスして初期設定をするのみ
です。
デプロイが完了したWebAppを選択して、URLをクリックしま
しょう。
Copyright© 2015, JAZUG All Rights Reserved.
36
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
37
①
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
38
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
39
お疲れ様でした!
Copyright© 2015, JAZUG All Rights Reserved.
40

Web appsとcleardbで作る簡単webサイト