Windows/XAMPP/Eclipseでローカルに複数サイトの開発環境構築

投稿日：2016年8月31日更新日：2019年3月24日

Windows/XAMPP/Eclipseでバーチャルホストを使って複数の開発環境を構築する方法についてのメモです。
（Macの環境構築方法はMac/XAMPP/Eclipseでローカルに複数サイトの開発環境構築をどうぞ。）

GitやEclipseのディレクトリ構成のまま構築出来る方法です。

ワークスペースのシンボリックリンクを貼る

ではさっそく、作業を進めて行きましょう！！

XAMPP上でアプリケーションを動作させるには、XAMPPの公開ディレクトリにアプリケーションを配置する必要があります。

でも、Eclipseのプロジェクトはワークスペースのディレクトリに配置していますし、Gitを使っていたらソースファイルはGitのディレクトリに置かれてますよね。
これをわざわざコピーして、XAMPPの環境へデプロイなんて面倒くさすぎます。
それだとローカルに環境を構築している意味がないですし。

プロジェクトを配置しているフォルダ構成をそのままに、XAMPPにも公開出来る方法があります。

方法は簡単です。シンボリックリンクを貼ればOK。

シンボリックリンクの作成は下記のコマンドをコマンドプロンプトで実行します。

mklink /d [リンク作成ディレクトリ] [リンク先]

例えば、

XAMPP公開ディレクトリが
D:\xampp\htdocs

アプリケーションディレクトリ
D:\git\sample_project

だった場合は、下記のようなコマンドになります。

mklink /d D:\xampp\htdocs\sample_project D:\git\sample_project

リンク先とリンク元が逆にならないように注意です！

実行したら、リンクが出来ているか確認してみましょう。

XAMPPの設定ファイルを編集します。

httpd-vhosts.confを編集します。
ディレクトリは下記です。

[xamppインストールディレクトリ]\apache\conf\extra\httpd-vhosts.conf

下記のコメントアウトを解除します。（##を削除する）

##NameVirtualHost *:80

下記を追加します。（ドメイン名はsample_projectとしています）

<VirtualHost *:80>
    DocumentRoot "D:\xampp\htdocs\sample_project"
    ServerName sample_project
</VirtualHost>

ホスト名をを設定します。

C:\Windows\System32\drivers\etc\hosts
を編集します。
パーミッションで上書きが出来なくなっているので、メモアプリを管理者権限で起動して編集しましょう。

下記を追加します。

127.0.0.1 localhost.sample_project

以上で、設定は完了です。
下記のURLでアクセス出来れば成功です！

これで、ローカルの開発環境に複数のプロジェクトを立ち上げる事が出来ます。

シンボリックリンクを貼ることで、Eclipse等で修正した内容は即座にローカルに反映させるので開発効率もアップですね！
これが、ローカル開発環境を構築する醍醐味でしょう。

最後までお読み頂きありがとうございました！

執筆者：DEN