Microsoft Azure WebApps でEC サイトを構築してみた話

松本 典子Noriko Matsumoto

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

2016/04/09 　 Japan Azure User Group 福岡 ふくあず

～　 EC-CUBE3 で試してみました　～

2

福岡県北九州市在住Web デザイナー歴 14 年フリーランス

Web デザイナー / ディレクターMicrosoft MVP for Microsoft

Azure

松本 典子（まつもと のりこ）

Web に関する業務全般やってますが、メイン業務は「デザイン」です。

自己紹介

こういう Web デザインや…

3

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

4

本日お話しすること

5

依頼される Web サイトの種類今回 EC サイト構築で使った色々EC-CUBE3 を Azure Webapps

にインストールしてみよう

インストール時の注意ポイントEC サイト構築時でも使える？

Azure Webapps の便利機能

依頼される Web サイトの種類

6

コーポレートサイト

ブログ（ CMS ） EC サイト

依頼される Web サイトの種類

7

コーポレートサイト

ブログ（ CMS ）

EC サイト（ EC-CUBE ）

「 EC-CUBE 」とは？

8

アプリケーションの使用が無料ショッピングカート機能が標準で搭載独自開発と同様に機能もデザインも

自由にカスタマイズ出来るEC サービスのオプションが豊富オープンソース（商用ライセンスあ

り）

「 EC-CUBE クラウド」も提供中

9

推奨は「 NIFTY Cloud 」とのことMicrosoft Azure 版も作ってほしいなぁ…

「 EC-CUBE クラウド」も提供中

推奨は「 NIFTY Cloud 」とのことMicrosoft Azure 版も作ってほしいなぁ… 1

0

今回は、Microsoft Azure WebApps 上

にEC-CUBE3 を利用した

EC サイトを構築します！

今回 EC サイト構築で使った色々

11

EC-CUBE3.0.9–2016/02/17 にリリースされた 3.0.9 で

SQLite に対応（開発・デモ用）Microsoft Azure WebApps–基本機能や便利機能を色々と

Azure MARKETPLACE のSendGrid–外部 SMTP として使用

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

12

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

13

Azure ポータルで Web アプリを作成

14

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

PHP のバージョンを変更

15

EC-CUBE3 のデータをアップロード

16

http://www.ec-cube.net/download/EC-CUBE3 ダウンロード

EC-CUBE 「 3.0.9 」の zip ファイルをまず DL

ディレクトリ設定を変更する

17

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

EC-CUBE のインストール開始

18

この画面が出たらインストーラーにお任せ

権限チェック

19

サイトの設定

20

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

21

データベースの設定

22

データベースの初期化

23

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

24

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

25

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

26

これでおしまい！って、思うでしょう？？

本当の戦いはここからですよ・・・

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

27

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

28

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

アップロード用の zip ファイルを作り、Kudu を使って一気にアップロード

29

メール送信の設定問題

30

メール送信の設定問題

31

Azure MarketPlace の SendGrid 使用

メール送信の設定問題

32

インストール時にコレを選びました。

メール送信の設定問題

実は「あとから設定」は結構面倒–設定ファイルいじることになるが…

Mail の設定ファイルの場所が若干わかりにくい

「 sendmall （ sendmall プログラムによりメール送信）」は選んではダメ–Azure MarketPlace の SendGrid を利用す

る場合のポイント

33

メール送信の設定問題

Azure MarketPlace の SendGrid を使う場合は注意が必要–Mail.yml で変更できますが…

34

SendGrid を使う場合の問題

35

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

36

WebApps は独自ドメインの設定可能

37

Blog

http://zuvuyalink.net/nrjlog/archives/1588

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

38

39

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

スケールアウトとは？

40

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

容量無制限の Azure BLOB ストレージ

41

画像や動画など容量が大きなファイルを置くのに適している

Web サーバー代わりにも使えるカスタムドメインの設定も可能

Azure BLOB ストレージは容量無制限課金制（ 1GB 2.45 円くらい）

画像を多く登録する EC サイトではぜひ活用したい機能！

容量無制限の Azure BLOB ストレージ

42

画像ファイルを「 Cloudinary 」へ保存するプラグイン–今後のバージョンアップ予定で S3 やさくらのオ

ブジェクトストレージをサポート予定

今後 Azure にも対応してくれる…はず！

43

ワンクリックで入れ替え！スワップ

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

ワンクリックでテスト環境と本番環境を入れ替えできる！

ワンクリックで入れ替え！スワップ

EC-CUBE 本体のスワップは可能EC-CUBE のプラグインは URLごとに登録プラグインによってはスワップ使えない？–独自ドメインだったらイケる…？

44

プラグイン使用については検証中

まとめ

EC-CUBE３（ SQLite ）は Azure WebApps 上でも動く

Azure WebApps のバックアップやスワップ、スケールアウトなどの機能も使える

Azure MARKET PLACE の SendGrid を使うときは注意が必要

EC-CUBE３のプラグインはまだ種類が少なめ–実務向けでは EC-CUBE2系がいいかも

45

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

「 Microsoft Azure を Web的に使う方法」などブログ書いてます。ご興味のある方はぜひ！

46

http://zuvuyalink.net/nrjlog/Blog