Design素材その他サイトマップSubmitHOME>その他>Windows上でXAMPPを使用してローカルにバーチャルホストを設定する方法Windows上でXAMPPを使用してローカルにバーチャルホストを設定する方法2017年2月21日その他XAMPPバーチャルホストとは1台のWebサーバーで複数のドメイン名のサイトを管理する仕組みのことです。バーチャルホストを利用すれば、複数のサイトを運用する際、1台のWebサーバーで運用できるのですが、このバーチャルホストはローカル環境でも実現できます。Windowsでローカルサーバーを作成する際、XAMPPを利用することが多いのですが、そのXAMPPを利用してバーチャルホストを作成したいと思います。Windows7+XAMPPバーチャルホストとは1つのサーバー内に複数のドメイン名を割り当てて、複数サイトを運営するのを可能にする技術です。通常XAMPPでローカルサーバーを立ち上げると、「~\xampp\htdocs」がドキュメントルートとなり、「http://localhost/」とURL欄に入力すると、htdocs内のインデックスファイルを読みにいくことになります。その状態で複数サイトを管理する場合、htdocsフォルダ内に複数のフォルダを作成して以下のようにサイト管理することになると思います。以下、XAMPPのインストール先をデフォルトのC:\xamppとします。上記のように管理した場合、例えば本番のURLがhttp://test01だとするとローカル環境と本番環境でディレクトリ階層が異なるため「/」から始まるパス指定で不都合が生じます。それを解消する場合は、バーチャルホストを作成して本番とローカルの環境を同じにします。「http://test01」でブラウザを表示した場合「C:\xampp\htdocs\test01」にアクセスするものとします。編集するファイルは以下の3ファイルです。「C:\WINDOWS\system32\drivers\etc\hosts」まずはテスト用に「C:\xampp\htdocs\」内にtest01フォルダを作成します。test01フォルダ内に適当な文言を記述したindex.htmlを入れてください。httpd.confファイルを編集バーチャルホストの設定ファイルである「httpd.conf」ファイルを編集します。「httpd.conf」を開くと500行目辺りに以下の記述があります。conf/extra/httpd-vhosts.conf上記の2行目の先頭にある#を削除して下記の様にします。conf/extra/httpd-vhosts.conf削除したら保存し、次に上記のパスを参考に「httpd-vhosts.conf」ファイルを編集します。※もし「httpd-vhosts.conf」が見つからない場合は「httpd.conf」ファイルを編集することになります。ファイルの末尾など分かりやすい位置に以下の「次に以下を記述します。」から下を記述してください。「httpd-vhosts.conf」を開くと20行目辺りに以下の記述があります。*:80上記の##を削除して下記の様にします。*:80次に以下を記述します。「http://localhost/」でXAMPPの管理画面へアクセスするための記述です。増やしたい場合は~の記述をコピーして下にペーストしてください。「test01」の箇所は任意の名前に変更します。上記を記述後、保存します。「C:\WINDOWS\system32\drivers\etc\hosts」windows7では直接hostsファイルを開くことができません。メモ帳で開く場合はメモ帳を右クリックで「管理者として実行」してメモ帳を立ち上げます。メモ帳のファイルメニューから「C:\WINDOWS\system32\drivers\etc」へ指定し、ファイルタイプを「テキスト文章」から「すべてのファイル」に変更後hostsファイルを開きます。hostsファイルの下の方に以下の記述があります。localhost」その下に続けて以下の記述をします。test01」ファイルを保存後、XAMPPのコントロールパネルを開き、apacheサーバを再起動すれば完了です。ブラウザのURL欄にtest01と入力してブラウザ内にindex.htmlの内容が表示されればOKです。以上、Windows上でXAMPPを使用してバーチャルホストを設定する方法でした。きれいに作っているものから、落書きレベルのものまで。誰でもすぐに実践できる!文章をすばやく書ける7つのヒントWebデザイナーにとっても、ライティングスキルはとても重要なスキルです。私は、写真を撮るのが趣味なんですが、写真好きに是非おすすめしたい本がありましたのでご紹介します。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【無料】漢字もOKの日本語フリーフォント/毛筆体・手書き風など【無料】漢字もOKの日本語フリーフォント/明朝・ゴシック・丸ゴシックWindows上でXAMPPを使用してローカルにバーチャルホストを設定する方法Mac上でMAMPを使用してローカルにバーチャルホストを設定する方法WordPressの本番環境をローカル環境で再現する方法5ステップでマスターする!初心者から始めるWordPress勉強法ローカルサーバーをXAMPPで構築してWordPressをインストールする方法Photoshopで継ぎ目のないテクスチャの作り方ファーストビューが大事なのは知っている。Entry【無料】漢字もOKの日本語フリーフォント/毛筆体・手書き風など放射線模様を描くのに超便利。素材profileかれこれ十年以上デザインに関わる仕事をしています。今ではWebデザインを中心に、ディレクションやライティングなどをしています。TwitterではWebに関する情報を中心に個人的な気になる話題を気ままにつぶやいています。