MAMPを使って複数バーチャルホストのローカル環境を設定する

案件を回す時に便利なバーチャルホストの複数設定の備忘録

##MAMPをダウンロード&インストール
公式からMAMPをダウンロード
https://www.mamp.info/en/

（MAMP PROはまだ使ったことがない。）

・ダウンロードしたらインストール
・インストール手順は割愛

##バーチャルホスト設定を有効化する

おそらくこの場所に入っている
/Applications/MAMP/conf/apache/httpd.conf

ファイル内を[virtual hosts]で検索すると、574行目あたりに

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

##複数ホストの設定
おそらくこの場所に入っている
/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

27行目くらいからサンプルの設定記述が書いてある

httpd-vhosts.conf

<VirtualHost *:80>
    ServerAdmin [e-mail]
    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 [e-mail]
    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の例

<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs/test.tanitani.local"
    ServerName test.tanitani.local
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs/tanitani.development"
    ServerName tanitani.development
</VirtualHost>

DocumentRoot
→プロジェクトのドキュメントルートに設定したいフォルダのパス
ServerName
→アドレスバーに打って表示させたいホスト名

##ホストの設定
おそらくこの場所に入っている
/private/etc/hosts

ターミナルから作業した方が早い（というか慣れている）ので、
1.ターミナルを開いて
2.sudo vi /etc/hostsを入力してenter
3.パスワードを入力する
4.viでhostsファイルが開く

/private/etc/hosts

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1       localhost
255.255.255.255 broadcasthost
::1             localhost

こんな感じの中身

5.iを押下してinsertモードにする
6.下の方にさっき設定したServerNameを設定

/private/etc/hosts

127.0.0.1       test.tanitani.local
127.0.0.1       tanitani.development

7.escキーを押下
8.「:wq」を入力してenter

これでhostsファイルの設定完了

##MAMPのポート設定を変更する

MAMPメニューの「Preference」→[Ports]タブ→「Apache Port」を「80」に設定してOK

##MAMPを起動する
起動先にしてた場合は再起動してね。

##ブラウザで確認

アドレスバーにServerNameにいれてたホスト名を入力してEnter
例）tanitani.development/

うまく表示されればOK