webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

MAMP virtual host

複数のローカルホストを作って、案件ごとに切り替える準備

  • バーチャルホストを作る。
  • なにをするのか?→???

f:id:ohta-felica:20160908051106p:plain

 
httpd.conf」ファイルを設定する

f:id:ohta-felica:20160908051718p:plain

f:id:ohta-felica:20160908052115p:plain

  • 575行目にある、#Include / applications......
  • このコメントアウトの「#」を削除する。

f:id:ohta-felica:20160908052413p:plain

 「httpd-vhosts.conf」を設定する

f:id:ohta-felica:20160908052700p:plain

  •  このファイルの一番下に、作成したいバーチャルホストの記述を追記します。

Listen 8000

<VirtualHost *:8000>
DocumentRoot "/Users/Username/web/localhost_8000/"
<Directory "/Users/Username/web/localhost_8000/">
AllowOverride All
</Directory>
</VirtualHost>

f:id:ohta-felica:20160908134349p:plain

  • 上で指定したパスのフォルダがルートになる。 
  • ローカルのテスト環境を作る。
  • <VirtualHost *:8000>
    DocumentRoot "/Users/Username/web/localhost_8000/"
    <Directory "/Users/Username/web/localhost_8000/">
    AllowOverride All
    </Directory>
    </VirtualHost>

  • 赤字の部分を書き換える。
  • git hubでダウンロードしたプロジェクトファイルのルートフォルダに書き換えます。

f:id:ohta-felica:20160910010529p:plain

f:id:ohta-felica:20160910131857p:plain

  •  「set MAMP ports to default」を選択して、サーバを起動させる。

f:id:ohta-felica:20160910132102p:plain

  • localhost:8888につながる。
  • ここに、loscalhost:8000(新規に設定したサーバー)と入力すると作業したいページが表示される。なぜ?