バーチャルホストを設定する-独学！未経験からWebデザイナーになる！！

バーチャルホストを設定する

・東京近郊の方へ。Webデザイナー就職・転職カウンセリングサービス始めました。
・お悩み相談室。Webデザイナーへの就職・転職の悩み、気軽に相談してください。

ローカルでテストサーバーを立てると、http://localhost/でアクセスできるようになります。この方法で複数のサイトをテストするには、一つ目のサイトがhttp://localhost/hogefoobar1.co.jp/ で、二つ目のサイトが http://localhost/hoagefoobar2.co.jp/ という具合になるでしょうか。しかし、このような方法は一つ問題点が出てきます。それは、本番サーバーと階層が異なってしまうということです。

たとえば、本番のURIがhttp://www.hogefoobar1.co.jp/というサイトだったとします。これを先ほどの方法でローカル管理するには http://localhost/hogefoobar1.co.jp/　ということになるでしょう。しかしそれでは公開ディレクトリからの階層が異なるため、[ / ]から始まる絶対パス指定がくるってしまいます。これでもテストすることは可能ではありますが、できるだけ本番に近い形でテストした方が便利なことも多いでしょう。

そんな時に使われるのがバーチャルホスト（VirtualHosts）という機能です。この機能を使えば、例えばローカルでは http://local.hogefoobar.co.jp/、本番サーバではhttp://www.hogefoobar.co.jp/などのようにアクセスすることができるようになります。このページでは、そんな非常に便利なバーチャルホストの設定方法について説明します。

当サイトに記載されているものは、全て学習目的のローカルテストサーバー向けです。その他の用途には適切でない可能性もありますのでご注意下さい。

バーチャルホストの設定方法

今回は下記のような状態を、

■本番サーバ
http://www.hogefoobar.co.jp/

■テストサーバ
http://localhost/hogefoobar.co.jp/

■サイトのデータが入っているローカルのディレクトリ
D:/www/hogefoobar.co.jp

下記のように変更するという前提で話を進めていきます。

■本番サーバ
http://www.hogefoobar.co.jp/

■テストサーバ
http://local.hogefoobar.co.jp/

■サイトのデータが入っているローカルのディレクトリ
D:/www/hogefoobar.co.jp

バーチャルホストの設定ファイルを開く

まずはバーチャルホストの設定ファイルを開きます。まずはhttpd.confを検索機能付きのエディタで開いてください。開いたら、

httpd-vhosts.conf

でファイル内を検索します。もし検索で見つからなかったらこのままhttpd.confをいじりますので、ファイルの一番最後など分かりやすい位置に移動し、次の項目に進んでください。

見つかった方は、大体下記のような表示になっているでしょうか（右側のパス部分は多少異なることもあるかもしれません）。

# Include conf/extra/httpd-vhosts.conf

該当行を下記のようにコメントアウトし、httpd.confを保存します。そして赤文字部分に記載されているファイルパス（httpd.confからの相対パスです）を頼りに、そのファイル[ httpd-vhost.conf ]を開きます。これからの説明は、httpd-vhost.confをいじってください。

■変更前
# Include conf/extra/httpd-vhosts.conf

■変更後
Include conf/extra/httpd-vhosts.conf

バーチャルホストの設定をする

下記のような文字をファイル内に貼り付けてください。なお、灰色の文字は任意のメールアドレス、青文字は、サイトのデータが入っているディレクトリ、赤文字は、今回ローカル環境でアクセスしたいホスト部分です。

# ↓すでに記載がある場合は、NameVirtualHostの指定は不用です
NameVirtualHost *:80

<VirtualHost *:80>
  ServerAdmin example@example.jp
  DocumentRoot "D:/www/hogefoobar.co.jp"
  ServerName local.hogefoobar.co.jp
  ErrorLog "logs/local.hogefoobar.co.jp"
</VirtualHost>

上記の設定を簡単に説明すると、http://local.hogefoobar.co.jpでアクセスしたときは、DocumentRootはD:/www/hogefoobar.co.jpですよ、ということを設定しているということです。上記でいったんファイルを保存してください。

hostsファイルを修正する

http://local.hogefoobar.co.jpでアクセスしたとき、と言いましたが、実際にはそんなアドレスは存在しません。どうやってそのURIをローカルサーバに向けるかというと、hostsファイルを修正して、そのコンピュータからのアクセスのみ、http://local.hogefoobar.co.jpを、自分のコンピュータに向けるのです。