web appsとcleardbで作る簡単webサイト
TRANSCRIPT
![Page 1: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/1.jpg)
WebAppsと ClearDBで作る簡単Webサイト
ハンズオン@熊本クラウド語ろう会 クラウド勉強会
2016/07/23
![Page 2: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/2.jpg)
今日のゴール
MarketplaceよりWordPressをお手軽にデプロイできるようになる。
WebApp Serviceって何? から 少しは説明できるようになる!
Marketplaceって便利だなーと実感してもらう。
Copyright© 2015, JAZUG All Rights Reserved.
2
![Page 3: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/3.jpg)
今回使用するサービス概要
Copyright© 2015, JAZUG All Rights Reserved.
3
![Page 4: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/4.jpg)
Azureの多彩なサービス
Copyright© 2015, JAZUG All Rights Reserved.
4
仮想マシンCloudServices
Batch
Webアプリ
MobileServices
RemoteApp
HDInsight
MachineLearning
StreamAnalytics
DataFactory
SQLDatabase
DocumentDB
Storage
VirtualNetwork
ExpressRoute
TrafficeManager
LoadBalancer
AzureDNS VPN
Gateway
MediaServices
ServiceBus
Backup
SiteRecovery
AzureActiveDirectory
Autoscaling
VisualStudioTeamService
Automation
Scheculer
Marketplace
ClearDB
![Page 5: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/5.jpg)
Azureの多彩なサービス
Copyright© 2015, JAZUG All Rights Reserved.
5
仮想マシンCloudServices
Batch
Webアプリ
MobileServices
RemoteApp
HDInsight
MachineLearning
StreamAnalytics
DataFactory
SQLDatabase
DocumentDB
Storage
VirtualNetwork
ExpressRoute
TrafficeManager
LoadBalancer
AzureDNS VPN
Gateway
MediaServices
ServiceBus
Backup
SiteRecovery
AzureActiveDirectory
Autoscaling
VisualStudioTeamService
Automation
Scheculer
Marketplace
ClearDB
![Page 6: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/6.jpg)
今回使用するサービス概要
Copyright© 2015, JAZUG All Rights Reserved.
6
![Page 7: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/7.jpg)
Web Apps高速に展開できるWebサイト
Copyright© 2015, JAZUG All Rights Reserved.
7
![Page 8: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/8.jpg)
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
![Page 9: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/9.jpg)
Web Appsに向かないもの
IIS以外で様々な設定を必要とするWebアプリケーション。※そのまま配置することはできません。作り直す必要があります。
老朽化に伴う更新で、スケール・可用性などを考慮してクラウド化したいもの。※サポートされるバージョンの相違等が発生する場合があるため、考慮が必要。
Copyright© 2015, JAZUG All Rights Reserved.
9
![Page 10: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/10.jpg)
WebAppsと他サービスの比較
Copyright© 2015, JAZUG All Rights Reserved.
10ネットワーク
ストレージ
ランタイム
データ
アプリケーション
AppService/CloudServices
利用者が管理
Azureが管理物理サーバ
仮想化
OS
ミドルウェア
ネットワーク
ストレージ
ランタイム
データ
アプリケーション
Azure仮想マシン
物理サーバ
仮想化
OS
ミドルウェア
![Page 11: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/11.jpg)
WebApp Service 料金プラン
Copyright© 2015, JAZUG All Rights Reserved.
11
![Page 12: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/12.jpg)
ClearDB無料から使えるMySQLデータベースサービス
Copyright© 2015, JAZUG All Rights Reserved.
12
![Page 13: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/13.jpg)
ClearDB
MySQLが利用できるサードパーティのDatabase-as-a-Service。
無料のプラン(DBサイズ20MB)から利用可能。
簡単に冗長性の確保や自動バックアップ、ワンタッチでのリストアなどが提供されます。※Azureポータルでは不可。ClearDBサイトでの管理となります。
上位プランだとSLA100%というサービスです。
Copyright© 2015, JAZUG All Rights Reserved.
13
![Page 14: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/14.jpg)
ClearDBと MySQL Serverの比較
Copyright© 2015, JAZUG All Rights Reserved.
14
ホストOS
仮想化
ゲストOS
MySQL
データベース
ホストOS
仮想化
ゲストOS
MySQL
データベース
MySQL on Azure VM ClearDB
利用者が管理
Azureが管理
フルコントロール 自動管理
![Page 15: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/15.jpg)
ClearDBと MySQL Serverの比較
比較内容 ClearDB MySQL on Azure VM
MySQL Serverバージョン ユーザーによる選択不可 ユーザー側で選択可
データベース最大サイズ Free:20MBTitan:250MBVenus:1GBSaturn:5GBJupiter:10GB
VMのディスクサイズに依存
セキュリティ 接続元IPの制限は不可 ユーザー側で設定可
バックアップ・リストア ClearDBサイトからの実施もしくは、外部接続によるmysqldumpなど
MySQL標準(mysqldumpなど)のバックアップ/リストア
その他 同時接続数:少データベースサイズ:少冗長化:構築が容易(サイト構築と同時に作成される)
同時接続数:ユーザー側で設定可データベースサイズ:VMサイズ次第冗長化:自身で構築する必要あり
Copyright© 2015, JAZUG All Rights Reserved.
15
![Page 16: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/16.jpg)
ClearDB料金プラン
Copyright© 2015, JAZUG All Rights Reserved.
16
![Page 17: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/17.jpg)
実際に作ってみましょう
Copyright© 2015, JAZUG All Rights Reserved.
17
![Page 18: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/18.jpg)
必要なもの
Microsoft Azure アカウント
インターネットに接続可能なPC
Copyright© 2015, JAZUG All Rights Reserved.
18
![Page 19: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/19.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
195.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 20: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/20.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
205.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 21: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/21.jpg)
手順1.準備
以下項目の決定リージョン(場所)
ネットワークの接続形態
料金プラン(コスト、SLA)
以下についても検討する作成するアプリケーションの言語、バージョン
セキュリティ管理
運用管理
Copyright© 2015, JAZUG All Rights Reserved.
21
![Page 22: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/22.jpg)
Microsoft Azureへログイン
URL:https://azure.microsoft.com/ja-jp/
Copyright© 2015, JAZUG All Rights Reserved.
22
![Page 23: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/23.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
235.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 24: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/24.jpg)
手順2.リソースグループ作成
リソースをまとめるためのグループ(リソースグループ)を作成する
設定する項目は以下の通り
リソースグループ名
サブスクリプション(選択)
リージョン(選択)
Copyright© 2015, JAZUG All Rights Reserved.
24
![Page 25: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/25.jpg)
手順2.リソースグループ作成
Copyright© 2015, JAZUG All Rights Reserved.
25
①
②
③
④
⑤
![Page 26: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/26.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
265.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 27: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/27.jpg)
手順3.App Service プラン作成
App Serviceで利用する料金プランを作成する。同一プラン内のWebAppは10個までその料金内で動作させることができる。
設定するパラメーターは以下の通りApp Service プラン
リージョン
価格レベル
Copyright© 2015, JAZUG All Rights Reserved.
27
サブスクリプション(選択)
リソースグループ(選択)
![Page 28: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/28.jpg)
手順3.App Service プラン作成
Copyright© 2015, JAZUG All Rights Reserved.
28
①
②
![Page 29: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/29.jpg)
手順3.App Service プラン作成
Copyright© 2015, JAZUG All Rights Reserved.
29
⑤
⑥
![Page 30: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/30.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
305.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 31: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/31.jpg)
手順4. WebApps+ClearDB作成
Marketplaceに様々なソフトウェアの組み合わせの構成が提供されており、Wordpressなどを即座に展開することが可能である。Marketplaceから展開することでWebAppsとClearDBを自動構成することができる。
設定するパラメーターは以下の通りアプリ名
サブスクリプション(選択)
リソースグループ(選択)
料金プラン/リージョン(選択)
データベース
Copyright© 2015, JAZUG All Rights Reserved.
31
データベース名
データベースの種類(選択)
場所(選択)
価格レベル(選択)
法律条項
![Page 32: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/32.jpg)
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
32
①
②
![Page 33: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/33.jpg)
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
33
③
④
⑤
![Page 34: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/34.jpg)
手順4. WebApps+ClearDB作成
Copyright© 2015, JAZUG All Rights Reserved.
34
⑥ ⑦
⑨
⑧
![Page 35: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/35.jpg)
構成の流れ
Copyright© 2015, JAZUG All Rights Reserved.
355.WordPressの設定
4.WebApps+ClearDB作成
3.App Serviceプラン作成
2.リソースグループ作成
1.準備
![Page 36: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/36.jpg)
手順5.WordPressの設定
ここまでくるとWordPressにアクセスして初期設定をするのみです。
デプロイが完了したWebAppを選択して、URLをクリックしましょう。
Copyright© 2015, JAZUG All Rights Reserved.
36
![Page 37: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/37.jpg)
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
37
①
![Page 38: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/38.jpg)
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
38
![Page 39: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/39.jpg)
手順5.WordPressの設定
Copyright© 2015, JAZUG All Rights Reserved.
39
![Page 40: Web appsとcleardbで作る簡単webサイト](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f249b61a28ab436c8b45a1/html5/thumbnails/40.jpg)
お疲れ様でした!
Copyright© 2015, JAZUG All Rights Reserved.
40