MAMPでバーチャルホストを設定する方法【初心者＆Mac向け】

こんなニーズに答える記事になります。

本記事では、MAMPでバーチャルホストを設定する方法について解説しています、サイト制作でローカル環境を構築する際、出来るだけ本番環境に合わせたいという方にオススメの記事です。

「まだ、”localhost”使ってるの？」

※バーチャルホストを設定するにはいくつかファイルを編集する必要があります、その際必ずバックアップを取った上で行うようにしてください。

MAMPでバーチャルホストを設定（追加）する

今回はMacユーザーを想定したバーチャルホストの設定方法について解説したいと思います（解説もMac環境を前提に解説します）

"localhost/sample"を"sample.com"でアクセスできるように、バーチャルホストを設定したいと思います。

ステップ１：MAMPのhttpd.confを編集する

/Applications/MAMP/conf/apache/httpd.conf

上記のファイルを開いてください、どこから探せばいいのかわからないって方はFinderを開いている状態で、shift+command+G（き）を押して上にあるパスを入力すれば簡単にファイルまでいけます。

ファイルを開いたら下記のように編集して保存してください（"# "を消すだけです）、584行付近にあるはずです。

【編集前】
# Virtual hosts
# Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

【編集後】
# Virtual hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

ステップ２：MAMPのhttpd-vhosts.confを編集する

/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

上記のファイルを開いてください、先ほどのショートカットを使えば簡単に見つかります。

開いたらファイルの一番下に下記コードをコピペしてください。

<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs/ディレクトリ名"
    ServerName 任意のドメイン
    ErrorLog "/Applications/MAMP/logs/ディレクトリ名"
</VirtualHost>
 
<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs"
    ServerName localhost
    ErrorLog "/Applications/MAMP/logs/apache_error.log"
</VirtualHost>

今回は”sample”という名前でhtdocsに設置しているので、コピペしたテンプレートを下記のように編集します。

<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs/sample"
    ServerName sample.com
    ErrorLog "/Applications/MAMP/logs/sample"
</VirtualHost>
 
<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs"
    ServerName localhost
    ErrorLog "/Applications/MAMP/logs/apache_error.log"
</VirtualHost>

htdocs内に用意したディレクトリ名を指定して、ドメインを設定する（任意）だけですね。

ステップ３：Macのhostsファイルを編集する【注意】

Mac側のhostsファイルを編集すればバーチャルホストの設定は完了です、ここが踏ん張りどころです、どうぞ最後までお付き合いください。

/private/etc/hosts

上記のファイルを開いて、ファイルの一番下に下記をコピペしてください。

127.0.0.1	sample.com

sample.comの部分をステップ２で設定したものに置き換えてご利用ください、これでバーチャルホストが設定できています、アクセスして確認してみてください。

よくある質問：上手く設定できない方へ

バーチャルホストの設定がうまくいかない方の為に、よくある質問を挙げつつ回答しておきます。

アクセスしても表示されない

vhostsファイルを編集できない

vhostsファイルの編集権限がない