MAMPを使ったローカル開発環境は、独学で学んでWordPressの構築をしてきた。

実務では、複数の案件に対応するため、VirtualHostを使って、ローカル環境を複数構築する事になる。

ローカル環境が一つだけだと、例えばWordPressを構築するとき、プラグインや記事を投稿したりすると、他の案件にも影響が出る。

一つの案件ごとにフォルダを作り、その案件フォルダをルートとしてローカル開発環境フォルダとする。

例えば、

企業名のフォルダ
- root（案件名のフォルダ）
  - wordpressデータ

企業ごとに案件を管理するためのフォルダ分けをし、案件フォルダをルートとしてローカル開発環境を構築する。

Virtual Host の設定を読み込む

MAMPであればここにある
/Applications/MAMP/conf/apache/httpd.conf

httpd.conf

# Virtual hosts
#Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

この記述のInclude部分のコメントアウトを外す。

httpd.conf

# Virtual hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

ホストの設定

この場所のhttpd-vhosts.confを開く
/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

httpd-vhosts.conf

<VirtualHost *:80>
    ServerAdmin webmaster@dummy-host.example.com
    DocumentRoot "/Applications/MAMP/Library/docs/dummy-host.example.com"
    ServerName dummy-host.example.com
    ServerAlias www.dummy-host.example.com
    ErrorLog "logs/dummy-host.example.com-error_log"
    CustomLog "logs/dummy-host.example.com-access_log" common
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin webmaster@dummy-host2.example.com
    DocumentRoot "/Applications/MAMP/Library/docs/dummy-host2.example.com"
    ServerName dummy-host2.example.com
    ErrorLog "logs/dummy-host2.example.com-error_log"
    CustomLog "logs/dummy-host2.example.com-access_log" common
</VirtualHost>

この記述例を参考に、以下のコードを記述する

httpd-vhosts.conf


# { test01 Listen 10001
<VirtualHost *:10001>
 ServerName test01
DocumentRoot "/Applications/MAMP/htdocs/anken/test01"
</VirtualHost>
<Directory "/Applications/MAMP/htdocs/anken/test01">
 AllowOverride All
</Directory>
# }

VirtualHost *:10001
ホスト番号→案件ごとに被らない番号をつける

ServerName:
案件名をつける

DocumentRoot "/Applications/MAMP/htdocs/anken/test01"
案件フォルダをルートに指定する

MAMPを再起動する。

ホストの設定を変更した場合は、一度MAMPを再起動しないと動かない。

アパッチに接続（phpMyAdmin）

wp_settingの中のsiteurlとhomeをhttp://localhost:10001/
に変更する。

この方法で、案件ごとにローカル環境が使えるので、　管理がしやすい。

MAMPでVirtual Host のローカル環境を構築する

Virtual Host の設定を読み込む

ホストの設定

MAMPを再起動する。