「ふくあず ～春の訪れは突然に あの日あの時あの場所で ～」で使用した発表資料です。（※一部修正あり）

1. Microsoft Azure WebAppsで
ECサイトを構築してみた話
松本 典子
Noriko Matsumoto
フリーランス Webデザイナー / ディレクター
2016/04/09 Japan Azure User Group福岡 ふくあず
～ EC-CUBE3で試してみました ～

2. 2
福岡県北九州市在住
Webデザイナー歴14年
フリーランス
Webデザイナー / ディレクター
Microsoft MVP for Microsoft
Azure
松本 典子（まつもと のりこ）
Webに関する業務全般やってますが、
メイン業務は「デザイン」です。
自己紹介

3. こういうWebデザインや…
3

4. ロゴデザインを制作してます
4

5. 本日お話しすること
5
依頼されるWebサイトの種類
今回ECサイト構築で使った色々
EC-CUBE3をAzure Webappsに
インストールしてみよう
インストール時の注意ポイント
ECサイト構築時でも使える？
Azure Webappsの便利機能

6. 依頼されるWebサイトの種類
6
コーポレート
サイト
ブログ
（CMS）
ECサイト

7. 依頼されるWebサイトの種類
7
コーポレート
サイト
ブログ
（CMS）
ECサイト
（EC-CUBE）

8. 「EC-CUBE」とは？
8
アプリケーションの使用が無料
ショッピングカート機能が標準で搭載
独自開発と同様に機能もデザインも
自由にカスタマイズ出来る
ECサービスのオプションが豊富
オープンソース（商用ライセンスあり）

9. 「EC-CUBEクラウド」も提供中
9
推奨は「NIFTY Cloud」とのこと
Microsoft Azure版も作ってほしいなぁ…

10. 「EC-CUBEクラウド」も提供中
推奨は「NIFTY Cloud」とのこと
Microsoft Azure版も作ってほしいなぁ… 10
今回は、
Microsoft Azure WebApps上に
EC-CUBE3を利用した
ECサイトを構築します！

11. 今回ECサイト構築で使った色々
11
EC-CUBE3.0.9
–2016/02/17 にリリースされた3.0.9で
SQLiteに対応（開発・デモ用）
Microsoft Azure WebApps
–基本機能や便利機能を色々と
Azure MARKETPLACEのSendGrid
–外部SMTPとして使用

12. EC-CUBE3をAzure Webappsに
インストールしてみよう
設定はAzureのポータル画面で全てできます。
12

13. リソースグループを活用する
13

14. AzureポータルでWebアプリを作成
14
 ポータル画面で「Web＋モバイル」を選び、
「アプリの名前」を入力するだけ

15. PHPのバージョンを変更
15

16. EC-CUBE3のデータをアップロード
16http://www.ec-cube.net/download/
EC-CUBE3ダウンロード
EC-CUBE「3.0.9」のzipファイルをまずDL

17. ディレクトリ設定を変更する
17
[設定] > [アプリケーション設定]の
仮想アプリケーションとディレクトリ
を変更

18. EC-CUBEのインストール開始
18
この画面が出たらインストーラーにお任せ

19. 権限チェック
19

20. サイトの設定
20

21. サイトの設定：オプション
21

22. データベースの設定
22

23. データベースの初期化
23

24. EC-CUBE3、インストール完了！
24

25. カンタンにECサイトが構築完了！
25

26. カンタンにECサイトが構築完了！
26
これでおしまい！
って、思うでしょう？？
本当の戦いはここからですよ・・・

27. ここがハマった！
インストール時の注意ポイント
EC-CUBE3をインストールするときにハマった話。
27

28. アップロードに
時間かかりすぎ問題
28

29. アップロード時間かかりすぎ問題
アップロード用のzipファイルを作り、
Kuduを使って一気にアップロード
29

30. メール送信の設定問題
30

31. メール送信の設定問題
31
 Azure MarketPlaceのSendGrid使用

32. メール送信の設定問題
32
インストール時に
コレを選びました。

33. メール送信の設定問題
実は「あとから設定」は結構面倒
–設定ファイルいじることになるが…
 Mailの設定ファイルの場所が若干
わかりにくい
 「sendmall（sendmallプログラムに
よりメール送信）」は選んではダメ
–Azure MarketPlaceのSendGridを利用する
場合のポイント
33

34. メール送信の設定問題
 Azure MarketPlaceのSendGridを
使う場合は注意が必要
–Mail.ymlで変更できますが…
34

35. SendGridを使う場合の問題
35

36. ECサイト構築時でも使える？
Azure Webappsの便利機能
まだ検証中の部分もありますが「使えるはず」な機能いろいろ
36

37. WebAppsは独自ドメインの設定可能
37
Blog http://zuvuyalink.net/nrjlog/archives/1588

38. Webサイトの自動バックアップ・復元
38

39. 39
セール時でも安心！スケールアウト
スケールアウトとは？

40. 40
セール時でも安心！スケールアウト

41. 容量無制限のAzure BLOBストレージ
41
画像や動画など容量が大きなファイルを
置くのに適している
Webサーバー代わりにも使える
カスタムドメインの設定も可能
Azure BLOBストレージは容量無制限
課金制（1GB 2.45円くらい）
画像を多く登録するECサイトでは
ぜひ活用したい機能！

42. 容量無制限のAzure BLOBストレージ
42
画像ファイルを「Cloudinary」へ保存する
プラグイン
– 今後のバージョンアップ予定でS3やさくらの
オブジェクトストレージをサポート予定
今後Azureにも対応してくれる…はず！

43. 43
ワンクリックで入れ替え！スワップ
「スワップ」とは？
「デプロイメントスロット」を利用。本番環境と全く同
じものを「ステージング環境」として作成可能。
ステージング環境は一切本番環境には影響を与えない。
ワンクリックでテスト環境と本番環境を
入れ替えできる！

44. ワンクリックで入れ替え！スワップ
 EC-CUBE本体のスワップは可能
 EC-CUBEのプラグインはURLごとに登録
 プラグインによってはスワップ使えない？
– 独自ドメインだったらイケる…？
44
プラグイン使用については検証中

45. まとめ
 EC-CUBE３（SQLite）はAzure WebApps
上でも動く
 Azure WebAppsのバックアップやスワッ
プ、スケールアウトなどの機能も使える
 Azure MARKET PLACEのSendGridを
使うときは注意が必要
 EC-CUBE３のプラグインはまだ種類が
少なめ
– 実務向けではEC-CUBE2系がいいかも
45

46. ご静聴ありがとうございました！
「Microsoft AzureをWeb的に使う方法」など
ブログ書いてます。ご興味のある方はぜひ！
46
http://zuvuyalink.net/nrjlog/Blog