情報備忘録::XAMPPで複数の仮想サイトを発行

2007年06月18日 12:12

XAMPPで複数の仮想サイトを発行

パーマリンク | TB http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/270

XAMPPをデフォルトインストールするとドキュメントルートはhtdocsに設定され、ブラウザで　http://localhost/　にアクセスするとページがみれる。

1つのサイトだけ構築するには http://localhost/ でアクセスすればいいが、複数サイトを構築す場合フォルダを掘らなければならない。そうすると本番環境とディレクトリの階層構造が変わる場合があるので、面倒だ。

色々と調べたらapacheのhttpd-vhosts.confとwindowsのhostsファイルをちょこっと編集して仮想サイトが発行できるようなので手順をメモしておく。

まずはapacheのhttpd-vhosts.confの設定。

XAMPPをデフォルトインストールした場合、「C:\Program Files\xampp\apache\conf\extra」以下にhttpd-vhosts.confってファイルがある。それをテキストエディタで開き、


##NameVirtualHost *:80

のコメントアウトを解除する。


NameVirtualHost *:80

あとはサンプルを見習って下記のように追記すればOK


<VirtualHost *:80>
    DocumentRoot "C:/Program Files/xampp/htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "C:/Program Files/xampp/htdocs/hoge1"
    ServerName hoge1
<VirtualHost&gt;

色々と設定できるようですがDocumentRoot と ServerNameの設定だけで十分かと。

DocumentRoot: サイトを構築するフォルダまでの絶対パス。
ServerName: アクセスするURL。上記の場合、http://localhost/ と http://hoge1/ でアクセスできるようになる。

localhostはXAMPPのページにアクセスするため残しておいたほうが便利かと思われる。

次は、IPとホスト名の対応を設定できるhostsファイルの設定。

ローカルのDNSサーバみたいなものでしょうか。 hostsファイルとは？によると外部より先に参照されるようですね。XPの場合、「C:\WINDOWS\system32\drivers\etc」以下にあるのでテキストエディタで開いて


127.0.0.1       localhost

以下に追記。


127.0.0.1       localhost
127.0.0.1       hoge1

とこんな感じ。コレでブラウザに http://hoge1/ と入力すればアクセス可能です。

Dreamweaverでのプレビュー

Adobe Dreamweaver CS4でプレビューするにはサイトの管理->詳細設定->テストサーバでアクセスを「ローカル/ネットワーク」テストサーバフォルダをドキュメントルートに。上記設定なら「C:\Program Files\xampp\htdocs\hoge1\」となります。URL接頭辞にはアクセスURL「http://hoge1/」を入力してやれば「F12」でプレビュー可能です。