XAMPPで複数のサイトを制作・管理したい平成30年 4月 26日 作成

0085

概略

xamppフォルダ中htdocsに作成したサイトを入れてしまえば確認できない事は無いのだが、ルート相対パスで記述した部分があると階層が異なって正常に表示できない問題が出てきた。

ローカル環境下において、複数サイトを管理できる様にして解決を図る。

手段

「VirtualHostの設定」と「hostsの編集」で可能。

実装方法

Virtualhostの設定

Cドライブの直下にインストールしている場合、「C:/xampp/apache/conf/extra/httpd-vhosts.conf」ファイルを開き「NameVirtualHost *:80」頭にある「##」を削除。

コメントアウトを削除する事にてVirtualhostの機能を有効にする。

次に、同ファイルの一番下に下記を追記。

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

<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs/hoge/"
ServerName local.hoge
</VirtualHost>

「C:/xampp/htdocs/」内の「hoge」フォルダを「http://local.hoge/」にて閲覧できるように設定。

「ServerName」は任意でOK。

hostsの編集

「C:/WINDOWS/system32/drivers/etc/」内のhostsファイルをテキストエディタにて開き一番下に下記を追記。

127.0.0.1 local.hoge

[127.0.0.1]の後に上記「ServerName」を記述。

Apacheの再起動

XAMPPのコントロールパネルでApacheを再起動。(「stop」→「start」)


「http://local.hoge」でサイトの閲覧が可能。

考察

上記手法でいくつでも増やす事ができ利便が向上した。

最後までお読み下さり ありがとうございました。記事はここ迄です。

尚、本記事は作成から「5年以上」経過しています。

記事作成当時と現在の状況等により内容が適切でない場合があります。また、リンク切れが生じている場合もあります事を予めご了承下さい。

お気に入りに登録しますとお気に入り記事を一元管理でき、再度閲覧したい場合等 容易に記事を探し出す事ができますのでご活用下さい。

下段にはコメントを掲載しております。

広告バナー

コメント

頂いたコメントを下記に掲載しております。更に下部にはコメント投稿フォームを設けております。

注意事項を確認・了承した上、コメント投稿お願いいたします。

注意事項に該当するコメントにつきましては、事前告知なしに投稿したコメントの削除を行う場合があります。

予めご了承下さい。

  • 記事内容と無関係なコメント
  • 公序良俗に反するコメント
  • 個人情報や法令違反を含むコメント
  • その他、管理者が不適切と判断したコメント

現在 頂いているコメントはありません

返信先(コメント管理番号)コメントに対し返信する場合のみ
お名前・ハンドルネーム2~32文字内で入力下さい
メールアドレス公開される事はありません
電話番号半角数字+ハイフンで入力下さい
コメント全角500文字内で入力下さい