EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-No.2

XAMPPに、ネットショップシステム EC-CUBEをインストールして、パソコンで、EC-CUBEテンプレートなどのデザインカスタマイズテストが行える環境をつくる、「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-1」の続きです。

「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法」について、No.1、No.2に分けて説明しています。
No.1では、EC-CUBEをインストールする前準備について説明しています。

前準備が済んでいない場合は「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-1」をご覧ください。

「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-1」

No.2では、EC-CUBEのインストール方法を説明します。


■ EC-CUBEをXAMPPにインストールする方法-No.2

「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-No.1」の続きです。
( EC-CUBEをインストールする準備が完了した状態 で実行してください。)

1、XAMPP(Apache、MySql 起動)を起動した状態で、ブラウザを表示します。
ブラウザの【アドレスバー】に、EC-CUBEインストール用のURLを入力して、キーボードの【Enter】キーを押します。

入力例: http://127.0.0.1/eccube2_test02/html/install/

http://127.0.0.1 は、XAMPPのローカルホストアドレスです。
eccube2_test02 は、「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-No.1」で新規作成したフォルダにWordPressシステムをコピーしたフォルダ名です。
フォルダ名はあなたが、作成したフォルダ名を入力してください。

htmlは、「EC-CUBE(ネットショップシステム)をXAMPPにインストールする方法-No.1」でEC-CUBEの解凍ファイルをコピーしたフォルダ名です。
EC-CUBEのインストーラーが画面に表示されます。

ここでは、EC-CUBEのインストーラーを利用して、インストールを行います。
【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-001

2、「アクセス権限のチェック」画面が表示されます。
問題がなければ【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-002

3、「必要なファイルのコピー」画面が表示されます。
問題がなければ【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-003

4、「ECサイトの設定」画面が表示されます。
各入力ボックスに必要項目を入力します。

ec-cube_xampp_installation2-004

「入力例」
店名: EC-CUBEネットショップ (ショップの名前です。自由につけてください)
管理者 メールアドレス: test@co.jp (管理者用メールアドレスを入力)
管理者 ログインID: test02manager (EC-CUBEの管理者用 IDを自由に入力)
管理者 パスワード: testpsw123 (EC-CUBEの管理者用 パスワードを自由に入力)

※ログインID、パスワードはEC-CUBE管理画面ログインに必要です。忘れないようにメモしておきましょう。

「WEBサーバーの設定」は通常このままです。
入力内容に間違いがなければ【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-005

5、「データベースの設定」画面が表示されます。
各入力ボックスに必要項目を入力します。

ec-cube_xampp_installation2-006

「入力例」
DBの種類: MySQL (リストから、MySQLを選択します)
DBサーバー: 127.0.0.1 (XAMPPサーバー)
DB名: eccube2_test02 (EC-CUBEをXAMPPにインストールする方法-No.1で作成)
DBユーザー: root (MySql ログインユーザー名 )
DBパスワード: testpsw123 (MySql ログインパスワード)

入力内容に間違いがなければ【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-007

6、「データベースの初期化」画面が表示されます。
【次へ進む】ボタンをクリックします。
※「データベースの初期化処理を行わない」はチェックマーク無し

ec-cube_xampp_installation2-008

続けて、「データベースの初期化」画面が表示されます。
【次へ進む】ボタンをクリックします。
※「データベースの初期化処理を行わない」はチェックマーク無し

ec-cube_xampp_installation2-009

7、「サイト情報について」画面が表示されます。

ec-cube_xampp_installation2-010

XAMPPローカル環境へのインストールのため「いいえ」ラジオボタンをクリックします。
【次へ進む】ボタンをクリックします。

ec-cube_xampp_installation2-011

8、「EC-CUBE インストールが完了しました。」画面が表示されます。
【管理画面】をクリックします。

ec-cube_xampp_installation2-012

「EC-CUBE」ログイン画面が表示されます。
インストール直後のログイン画面の上部に、
/install/index.phpは、インストール完了後にファイルを削除してください。 が表示されています。

ec-cube_xampp_installation2-013

EC-CUBEをインストールした、¥html¥install フォルダの index.php ファイルを削除します。

例:C:¥Program Files¥xampp¥htdocs¥eccube2_test02¥html¥install フォルダの index.php ファイルを削除

ec-cube_xampp_installation2-014

index.php ファイルを削除後、再度「EC-CUBE」ログイン画面を再表示します。
/install/index.phpは、インストール完了後にファイルを削除してください。 が消えています。

ec-cube_xampp_installation2-015

9、「EC-CUBE」ログイン画面を表示します。
次回、ログイン画面を表示するため、ブックマークしておきましょう。
ブックマークを忘れた場合は、ブラウザの【アドレスバー】にログイン画面用アドレスを入力します。

例: http://127.0.0.1/eccube2_test02/html/admin/index.php

ec-cube_xampp_installation2-015

インストール時に設定した管理者用【ユーザー ID】、【パスワード】を入力します。
【LOGIN】ボタンをクリックします。

ec-cube_xampp_installation2-016

EC-CUBEの管理画面が表示されます。
終了する場合は、画面右上部の【LOGOUT】をクリックします。

ec-cube_xampp_installation2-017