Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話

Azure Appservice WebApps でWordPress サイトを構築すると

運用が劇的にラクになる話

Noriko Matsumoto松本典子

自己紹介

2

松本　典子

http://zuvuyalink.net/nrjlog/Blog

現在まで Web 制作会社や通販会社の Web 制作部門に所属し、ランディングページ制作を主として、アクセス解析・Web マーケティングなどプログラミング以外の Web に関する全般業務に携わる。Microsoft Azure でクラウドデビューし、主に Azure Appservice WebApps （旧称： Azure WebSites ）を使い、自身のサイト運営やお客様への提供を行っています。

フリーランスWeb デザイナー / ディレクター

本日お話すること

Microsoft Azure とは？ Azure Appservice WebApps って？ Azure Appservice WebApps ってこんな感じ Azure Appservice WebApps で Web 環境を作る方法 WordPress サイト構築についてよくあるお悩み

– WordPress サイト構築時に MySQL は必須？

– テスト環境で構築すると本番環境への移行が結構大変・・・

– WordPress サイトのバックアップにはプラグインが必要

– WordPress サイトは復旧が大変・・・

Azure Appservice WebApps で構築するときのちょっとした注意点

Azure Appservice WebApps の魅力、総まとめ3

Microsoft Azure とは？

Microsoft Azure についてざっくり説明

4

1CloudServices( 主にプログラマ向け )ミッションクリティカル、常に動き続けていないといけないサービス、きわめて高負荷なサービスなど

2VirtualMachine( 主にインフラ向け ) 以前からの移植や VPS を触ってきた人、Linux ユーザー向け（仮想マシン）

3Appservice WebApps(Web デザイナー向け )軽量な Web システムや Web デザイナー、フロントプログラマ向け

Microsoft Azure とは？

Microsoft Azure についてざっくり説明

5

1CloudServices( 主にプログラマ向け )ミッションクリティカル、常に動き続けていないといけないサービス、きわめて高負荷なサービスなど

2VirtualMachine( 主にインフラ向け ) 以前からの移植や VPS を触ってきた人、Linux ユーザー向け（仮想マシン）

3Appservice WebApps(Web デザイナー向け )軽量な Web システムや Web デザイナー、フロントプログラマ向け

Azure Appservice WebApps って？

6

Azure Appservice WebApps ってこんな感じ

「 STANDARD 」がすごい 50GB まで「独自ドメインサイト」が入れ放題

– 約 8,000 円で WordPress が 1000 サイト入る計算

5 ドメインまで SSL も OK– 6 サイト目から 918 円／月

構築環境をそれぞれに変えられる– PHP のバージョンや SSL 、 CMS など

Windows だけでなく Mac でも使える

7

自分専用で環境を細かく設定できるレンタルサーバーを持てるイメージ

Azure Appservice WebApps でWeb 環境を作る方法

8

[ 管理画面 ] にログイン→ [Web アプリ ] を選択

Azure Appservice WebApps でWeb 環境を作る方法

9

手順はこれだけ。約 1 分程度で Web 環境の構築完了！

では、本題。

10

WordPress サイト構築についてよくあるお悩み

11

2 テスト環境で構築すると本番環境への移行が結構大変・・・

1WordPress サイト構築時に MySQL は必須？

3 WordPress サイトのバックアップにはプラグインが必要

4 WordPress サイトは復旧が大変・・・

WordPress サイト構築時にMySQL は必須？

12


たしかにデータベースは必要。

　でも「 MySQL 」である必要はない。SQLite を採用すると構築・運用が楽

に！

13

Web デザイナー的に、MySQL ではなく SQLite を採用するのがオススメ！


14

「 SQLite 」とは？

ファイルタイプの DB なのでサーバ不要

小～中規模サイトの運営に便利

データベースに関する専門知識がいらない

復旧時は FTP でファイルアップロードで OK

プラグイン SQLite Integration を入れるだけ

データベースの専門知識の無いWeb デザイナーに優しい！

テスト環境で構築すると本番環境への移行が結構大変・・・

15

テスト環境で構築すると本番環境への移行が結構大変・・・

16

Azure WebApps の「ステージング」でテスト環境と本番環境をワンクリックで入れ替えできる！！

「ステージング」とは？– 本番環境と全く同じものを「ステージング環境」

として 1 つ作成可能。ステージング環境は一切本番環境には影響を与えない。

「ステージング」の使い方

17

1 ． Azure 管理ポータルから　ステージング環境を作りたいサイトを選ぶ。


18

2 ．「名前」にわかりやすい名称をつける。


19

3 ．実際にステージング環境ができると、　このような表示に変わります。

ステージング環境の URL は「サイト名 -staging.azurewebsites.net 」


20

4 ．アップロードする WordPress の　「 wp-config.php 」に追記。


21

5 ． FTP の設定


22

6 ．ステージング環境で構築する


23

7 ．「スワップ」する


24

8 ．「ステージング環境」と「本番環境」が　　一瞬で入れ替わります。

WordPress サイトのバックアップにはプラグインが必要

25

WordPress サイトのバックアップにはプラグインが必要

FTPソフトで「アップロード画像」と「テンプレート」を個別にダウンロード

データベースのバックアップには、プラグインを入れるか手動で対応– プラグインの種類がたくさんある– 処理でサイト自体が重くなる場合がある– バックアップ時に一旦サイトが止まる場合がある

26

WordPress のバックアップを取る通常の方法

Azure Appservice WebApp のバックアップ機能について

完全バックアップを 1 日 1回やってくれる–設定しておけば毎日

バックアップデータは BLOB ストレージに

　保存されていくので容量を圧迫しない–極論 365 日前の状態に戻すこともできる

SQLite なら DB のバックアップ対策を

　わざわざしなくていい– DB バックアップ用のプラグイン不要

27

バックアップ機能の設定

28

1. バックアップデータを保存していくストレージアカウントを準備する

バックアップの場合は「コンテナー」を準備する必要なし

バックアップ機能の設定

29

2. バックアップを有効にする

WordPress サイトは復旧が大変・・・

30

WordPress サイトは復旧が大変・・・

31

WordPress を再インストールバックアップデータをインポートテーマや画像をアップロードプラグインの再設定データベースの再設定

壊れ具合やバックアップデータの内容によって、手間が増えたり・・・

Azure Appservice WebApps で構築すると復旧がラク！

32

SQLite はファイル形式なので完全バックアップデータに含まれる

バックアップ設定をしていれば、復旧時はFTP で該当ファイルをアップロードするだけ

Azure 管理ポータルからであれば、クリック１つでバックアップデータでサイトが復旧できる


33

例えば、バックアップデータを取り出して、復旧もできます。


34


35


BLOB ストレージは無料ではなく課金–１ GB 2.45 円くらい

BLOB ストレージに画像を入れるときはFTPソフトは使えない–Windows は「 Azure Storage Explorer 」–Mac は「サイバーダック」

外部 SMTP の設定が個別で必要独自ドメインは有償機能

36

Azure Appservice WebApps の魅力総まとめ

37

Azure Appservice WebApps の魅力総まとめ

1 分程度で Web 構築環境が作れるFTP操作で通常のレンタルサーバーの

ように使える完全バックアップを自動でとってくれるサイトの復旧もラク！基本的な部分はインフラ的な専門知識無

しですぐできる！

38

実際に使ってみると、 Web 制作的に嬉しい機能がたくさんなのでオススメ！

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

39

Technology

Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話