月: 2019年10月

VirtualBox + Vagrant + CentOS7 + PHP7 + MySQL5.6のローカル開発環境構築の手順について共有します。

最後にEC-CUBE4のインストールする所までやります。

使用環境

1.Vagrantfileの初期化

仮想マシンVirtualBoxをインストールします、Webサーバを入れる箱のイメージです。
下記サイトからダウンロード出来ます。

VirtualBox
https://www.virtualbox.org/wiki/Downloads

次にVagrantをインストールします、仮想マシン構築・管理の手順を簡易なものにしてくれるツールです。
下記サイトからダウンロード出来ます。

Vagrant
https://www.vagrantup.com/

ローカルに仮想環境用のプロジェクトフォルダSatoshiDemizuを用意しました。

demi314$ cd
demi314$ cd MyVagrant 
demi314$ mkdir SatoshiDemizu
demi314$ cd SatoshiDemizu

他にも仮想環境を用意する時は、MyVagrant内に別のプロジェクトフォルダを作成しています。

プロジェクトフォルダに移動したらVagrantの設定ファイルVagrantfileを初期化します、その際に導入するCentOSも指定してあげます。

今回はVagrantCoudで検索しました。
https://app.vagrantup.com/boxes/search/

手順としては、まず検索窓から「centos」で検索します。

すると検索結果一覧にcentos7の提供元が表示されるので「centos/7」をクリック。

コードが書かれたタブ「vagrantfile」「New」の２つが表示されるので、「New」に切り替えて１行目「vagrant  init  centos/7」をコピーします。

それをコマンドラインに貼り付けて実行すれば初期化されます。

初期化が成功したらプロジェクトフォルダにVagrantfileが作成されるので、調整します。

# -*- mode: ruby -*-
# vi: set ft=ruby :

# All Vagrant configuration is done below. The "2" in Vagrant.configure
# configures the configuration version (we support older styles for
# backwards compatibility). Please don't change it unless you know what
# you're doing.
Vagrant.configure("2") do |config|
  # The most common configuration options are documented and commented below.
  # For a complete reference, please see the online documentation at
  # https://docs.vagrantup.com.

  # Every Vagrant development environment requires a box. You can search for
  # boxes at https://vagrantcloud.com/search.
  config.vm.box = "centos/7"

  // 35行目辺り、コメントを外す
  # config.vm.network "private_network", ip: "192.168.33.10"
    config.vm.network "private_network", ip: "192.168.33.10"

  // 47行目辺り、共有フォルダに関する設定、下記を追記  
  # config.vm.synced_folder "../data", "/vagrant_data"
    config.vm.synced_folder "./", "/vagrant", type: 'virtualbox', :mount_options => ["dmode=777", "fmode=666"]

　// 68行目辺り、provisionに関する設定、下記を追記
  # config.vm.provision "shell", inline: <<-SHELL
  config.vm.provision :shell, :path => "provision.sh"

config.vm.provisionの箇所で、vagrantの初回立ち上げついでにprovision.shというファイルを処理してくれる様になります。

このファイルにWebサーバ、php、MySQLなどのインストール文を記載しておけば、もし「vagrant  destroy」で仮想環境を破棄する事があってその後再構築する時でも「vagrant  up」だけで諸々の環境を再構築できるという仕組みになっています。

ここでは、他のブログでprovision.shファイルの設定を共有してくれてる方がいたので、それを使わせてもらいます。新規で「provision.sh」ファイルを作成し、下記リンクの内容でプロジェクトフォルダ内に保存してください。

VirtualBox Vagrant CentOS7 PHP mySQL5.6 CakePHPのセットアップ方法

provision.shファイルの設定が終わったら、vagrantを起動します。

demi314$ vagrant up

これで仮想マシン起動ついでにwebサーバーのインストール等も実施してくれます。

2.provision.hs読み込みのタイミングについて

provision.shが読み込まれるのは以下のタイミングです。

• 最初に「vagrant up」 で起動されるタイミング
  以前に起動されており、休止や停止状態から再度 「vagrant up」を起動しても実行されない。但し、「vagrant up –provision」とすれば実行される。
• 「vagrant provision」を実行した時
• 「vagrant reload –provision」を実行した時

3.リモート接続と共有フォルダの確認

仮想マシンが起動したら、sshで接続します。

demi314$ vagrant ssh 

まず共有フォルダが正しく設定されているか確認します。vagrantではデフォルトで「/vagrant」がローカルのプロジェクトフォルダと共有される様になっていて、Vagrantfileでも設定変更できます。

config.vm.synced_folder "./", "/vagrant", type: 'virtualbox', :mount_options => ["dmode=777", "fmode=666"] 

以下のようにリモートで作成したindex.htmlがローカルのプロジェクトフォルダに出てきたら成功です。

最初はここでうまく共有できずにハマりました、結果として「type: 'virtualbox'」を記述したら上手く共有できる様です。

参考
https://stackoverflow.com/questions/46230783/vagrant-synced-folder-without-reload

また、provision.shで「/vagrant 」を「 /var/www/html」に紐づけていたので「/var/www/html」に移動してもindex.htmlが確認できるはずです。

# Vagrantの共有フォルダにパスを設定
sudo rm -rf /var/www/html
sudo ln -fs /vagrant /var/www/html

ではWebサーバを立ち上げてみます。

ブラウザで「http://192.168.33.10:8000」にアクセスして、index.htmlの内容が表示されれば成功です。

4.データベースの準備

次にMySQLのrootパスワードを設定します。

vagrant@localhost ~$ mysql_secure_installation

最初の質問は何も押さずにEnterして進みます。

Enter current password for root (enter for none):　//Enter
Change the root password? [Y/n] Y
Remove anonymous users? [Y/n] Y
Disallow root login remotely? [Y/n] Y
Reload privilege tables now? [Y/n] Y

設定が完了したらrootでログインします。

vagrant@localhost ~$ mysql -u root -p

新規でデータベースを作成し、ユーザーと紐付けていきます。ユーザー名とパスワードは任意の値に書き換えてください。

mysql> create database test_db;
mysql> grant all on test_db.* to dbuser@localhost identified by 'testtest';
// grant all on test_db.* to [ユーザー名]@localhost identified by 'パスワード'

データベースが出来ているか確認

mysql> show databases

ユーザーが作成されているか確認

mysql> SELECT Host, User FROM mysql.user;

データベースユーザーの紐付けについて確認

mysql> SELECT user, host, db FROM mysql.db;

諸々確認出来たらexitでデータベスを抜けます。

5.EC-CUBE４のダウンロード

公式サイトからEC-CUBE４をダウンロードしてプロジェクトフォルダに持ってきます。
https://www.ec-cube.net/download/

本当はここで展開したいのですが、vagrantの共有フォルダで展開するとその後がどうも上手くインストールできません。

仕方ないので/home/vagrantフォルダ内で展開しました。

vagrant@localhost ~$ cd /vagrant
vagrant@localhost ~$ cp eccube-4.0.3.zip /home/vagrant/eccube-4.0.3.zip
vagrant@localhost ~$ cd /home/vagrant/
vagrant@localhost ~$ unzip eccube-4.0.3.zip

展開が終わったらwebサーバを起動してeccubeにアクセス

vagrant@localhost ~$ php -S 192.168.33.10:8000
ブラウザURL - http://192.168.33.10:8000/eccube-4.0.3/index.php

インストール画面が出てくるのであとは画面の案内に従ってフォームに記入していけばOKです。

EC-CUBE4のインストール方法と具体的な手順

共有フォルダでの展開がどうしても上手く行かないので、原因分かる方いたら教えて欲しいです。

EC-CUBE２系では一度会員を退会すると、同じメールアドレスでは１時間経たないと再入会出来ない仕様になっています。

この制限時間は管理画面から変更可能です。

使用環境

会員退会後に再登録しようとするとエラーになる。

クラスファイル SC_Helper_Customer のsfCheckRegisterUserFromEmail関数で退会済みかどうかチェックしています。

// eccube-2.13.5\data\class\helper\SC_Helper_Customer.php

if (count($arrRet) > 0) {
    // 会員である場合
    if ($arrRet[0]['del_flg'] != '1') {
        // 登録済み
        return 1;
    } else {
        // 退会した会員である場合
        $leave_time = SC_Utils_Ex::sfDBDatetoTime($arrRet[0]['update_date']);
        $now_time   = time();
        $pass_time  = $now_time - $leave_time;
        // 退会から何時間-経過しているか判定する。
        $limit_time = ENTRY_LIMIT_HOUR * 3600; // パラメータ設定の値 x 3600を経過しているか
        if ($pass_time < $limit_time) {
            // 再登録制限期間内削除ユーザー
            return 2;
        }
    }
}

ENTRY_LIMIT_HOURの値は 管理画面＞システム設定＞パラメータ設定に項目があります。

ここの値が時間単位で反映されます。

お気に入りボタンは管理画面から表示・非表示の切り替えできます。

使用環境

1.表示切り替え対象の箇所を確認

①商品詳細ページ

ソースコード

// eccube-2.13.5\data\Smarty\templates\default\products\detail.tpl

<!--★お気に入り登録★-->
<!--{if $smarty.const.OPTION_FAVORITE_PRODUCT == 1 && $tpl_login === true}-->
<div class="favorite_btn">
   ・・・
</div>
<!--{/if}-->

②マイページナビゲーション

ソースコード

// eccube-2.13.5\data\Smarty\templates\default\mypage\navi.tpl

<!--{if $smarty.const.OPTION_FAVORITE_PRODUCT == 1}-->
    <li><a href="favorite.php" class="<!--{if $tpl_mypageno == 'favorite'}--> selected<!--{/if}-->">
	お気に入り一覧
    </a></li>
<!--{/if}-->

2.管理画面から表示・非表示の切り替え

管理画面＞システム設定＞パラメータ設定＞OPTION_FAVORITE_PRODUCT

OPTION_FAVORITE_PRODUCTの値を０にすれば非表示になります。