vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間13万PV〜。

Macローカル環境にEC-CUBE3をインストールする方法

      2016/04/22

LINEで送る
Pocket

ec-cube-local
こんにちは、okutani(@okutani_t)です。本記事ではEC-CUBEの登録方法からインストールの方法までを解説しています。

今回のインストール先は「Macのローカル環境」です。事前にMAMPなどの環境を導入しておきましょう。なお、今回はHomebrewで導入したPHP, MySQLを使っています。

参考MacにHomebrewでPHP, Apache, MySQLを導入する | vdeep

では「EC-CUBE会員登録」から「ローカル環境にインストール」までの手順をみていきましょう。

スポンサーリンク

EC-CUBEユーザー登録をおこなう

EC-CUBEの公式サイトへアクセス。

LINKECサイト構築・リニューアルは「ECオープンプラットフォームEC-CUBE」

TOPページの「新規メンバー登録」をクリック。

ec-cube-local1

ユーザー情報を適宜入力し、「確認ページへ」をクリック。

ec-cube-local2

確認後、「完了ページヘ」をクリック。

ec-cube-local3

送られてきたメール内のURLをクリック。

ec-cube-local4

これで登録が完了しました。

ec-cube-local5

EC-CUBEをダウンロードしましょう。

EC-CUBEをダウンロード

TOPページから「EC-CUBEのダウンロード」→「無料ダウンロード」をクリックしてダウンロードします。

ec-cube-local6

これでEC-CUBEがダウンロードされました。解凍後、お好きな場所に設置しましょう。今回はホームディレクトリに「ec-cube」とリネームして配置しました。

データベースを作成する

EC-CUBEで使うデーターベースを作成しましょう。ターミナルからMySQLを立ち上げます。

$ mysql.server start

MySQLへログインします。

$ mysql -u root -p

下記コマンドでデーターベースを生成。

create database eccube_db;

これでデーターベースが作成されました。

EC-CUBEをインストールする

今回は、PHP5.4から使える「ビルトインサーバー」を使います。下記コマンドでWebサーバーを立ち上げましょう。

$ php -S localhost:8000 -t CE-CUBEまでのパス(例: ~/ec-cube/)

インストール画面を表示するため、ブラウザから下記へアクセスします。

http://localhost:8000/html/

インストール画面が表示されたでしょうか。サイト情報の提供はお好きなようにチェックして、「次へ進む」をクリック。

ec-cube-local7

権限を確認します。サーバー上でパーミッションが適切に設定されていないと、この画面にエラーが出ます。「次へ進む」をクリック。

ec-cube-local8

サイト情報を入力。管理画面のディレクトリ名は「admin」など、お好きなものでOKです。それ以降の項目(SSLやIP)はそのまま空で進めて大丈夫です。

ec-cube-local9

データベースのヒモ付けをおこないます。先ほど作成したデータベースの情報を入力し、「次へ進む」。

ec-cube-local10

  • データベースの種類
  • MySQL

  • データベースのホスト名
  • localhost

  • ポート番号
  • データベース名
  • eccube_db

  • ユーザ名
  • root

  • パスワード
  • rootのパスワード

データベースの初期化をおこないます。このまま「次へ進む」をクリック。

ec-cube-local11

インストールが完了しました。「管理画面を表示」をクリックします。

ec-cube-local12

先ほど設定した、IDとパスワードでログインします。

ec-cube-local13

EC-CUBE管理画面にログインできました。

ec-cube-local14

警告文のとおり、「html/install.php」はもう不要なので削除しておきましょう。

画面上部のタイトルをクリックすると、デフォルトで導入されているスタイルでサイトが表示されます。

ec-cube-local15

なお、管理画面は次へアクセスすればOKです。メモしておきましょう。

http://localhost:8000/html/admin/

あとはサイト情報をどんどん更新していけばOKですね。私はこちらの参考書を見ながら進めています。

参考にしてください。

補足: インストール画面でエラーが表示される場合

ec-cube-local16

インストール時に上記エラーが出た場合の対処を記しておきます。

mcrypt」「APC」をそれぞれインストールすればOK。利用しているPHPのバージョンに合わせて導入しましょう。

$ brew search mcrypt
homebrew/php/php53-mcrypt           homebrew/php/php55-mcrypt           homebrew/php/php70-mcrypt           mcrypt
homebrew/php/php54-mcrypt           homebrew/php/php56-mcrypt           libtomcrypt
$ brew install homebrew/php/php55-mcrypt
$ php -m | grep mcrypt
mcrypt
$ brew search apc
apcupsd                             homebrew/php/php53-apcu             homebrew/php/php54-apcu             homebrew/php/php56-apcu
homebrew/php/php53-apc              homebrew/php/php54-apc              homebrew/php/php55-apcu             homebrew/php/php70-apcu
$ brew install homebrew/php/php55-apcu
$ php -m | grep apc
apc
apcu

これでエラーが消えるはずです。

ec-cube-local17

参考になれば幸いです。

関連記事

LINKEC-CUBEをエックスサーバーに導入する手順まとめ | vdeep

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
こういうのって環境構築ですごい時間かかりますよね。。データーベースとか慣れてないと時間かかってしまうので、参考ページ見ながら焦らずやりましょう。

 - EC-CUBE, Mac

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

EC-CUBE3のデザインを変更したときにやった事まとめ

こんにちは、okutani(@okutani_t)です。今回は、私がEC-CUB …

WordPressサイトをGitで管理。Macローカル開発環境編

こんにちは、okutani(@okutani_t)です。みなさんはちゃんと「Wo …

MacでEvernoteを使うときにダブルクォーテーション(“)を勝手に変換させない設定

こんにちは、okutani(@okutani_t)です。僕はブログ記事を書くとき …

MacにHomebrew CaskでAtomを導入する

こんにちは、okutani(@okutani_t)です。普段はエディターにEma …

MacBookで複数モニターを使う方法。ミラーリングとデュアルディスプレイって何?

MacBookAirを買ってから、彼女が5人!宝くじで1億!歌手デビューまでした …

[Mac]HomebrewでEmacs導入&エイリアス設定で起動速度UP

こんにちは、okutani(@okutani_t)です。今回はMacにHomeb …

MacでGifアニメーションをキャプチャする「GifGrabber」が使いやすくておすすめ!

こんにちは、okutani(@okutani_t)です。MacでGifアニメーシ …

Macに『Vagrant + VirtualBox』を導入する手順

こんにちは、okutani(@okutani_t)です。Macにローカル開発環境 …

MacにHomebrewを使ってGitを導入&初期設定

こんにちは、okutani(@okutani_t)です。本記事では、MacにHo …

EC-CUBE3をエックスサーバーに導入する手順まとめ

こんにちは、okutani(@okutani_t)です。本記事では、EC-CUB …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。