Mac OSにXAMPP7.1.10-0のインストール・設定

久しぶりに企業HPを作成するにあたり、ローカル環境としてXAMPPを使用することにした。
以前のXAMPPとは結構勝手が変わってたので設定方法などをメモしておく。

例ではバーチャルホスト環境にポート8081でアクセスするようにしている。

ダウンロード

ここからインストーラをダウンロード。
今回はOSX向けを選択。

323MBと結構なサイズなので気長にダウンロード完了を待つ。

インストール

ダウンロードしたインストーラ(dmgファイル)を起動して、XAMPPのアイコンををアプリケーションフォルダにD&D。

インストールまでは特別他のアプリと変わったことは無い。

VM起動

XAMPPを起動すると、幾つかの確認メッセージが出るのでOKを押し先に進んでいく。
XAMPPが起動したらstartボタンを押してしばらく待つとVMが起動する。

以前まではVMが起動するのではなく、直でWebサーバが起動してた気がする。
ここは改善されてて良い感じ。

ボリュームのマウント

Volumesタブに移動してMountを選択する。
そうするとローカルのボリュームがマウントされて、設定ファイルの編集などが可能となる。
Exploreボタンを押すとマウントされた場所が開く。

ホームページソースの移動

Exploreで開いたディレクトリの直下にあるhtdocsの中にディレクトリを作成し、その中にホームページのソースをぶち込む。
ここを後ほどDocumentRootに設定する。
VM上でWebサーバを動かしているため、マウントされていない場所をDocumentRootに指定することはできない。

Apacheの設定

とりあえずバーチャルホストの設定をする。
公式FAQによると、設定ファイルの場所は以下の通り。

Where are the main XAMPP configuration files?
The main XAMPP configuration files are located as follows:

Apache configuration file: /opt/lampp/etc/httpd.conf, /opt/lampp/etc/extra/httpd-xampp.conf
PHP configuration file: /opt/lampp/etc/php.ini
MySQL configuration file: /opt/lampp/etc/my.cnf
ProFTPD configuration file: /opt/lampp/etc/proftpd.conf

/opt/lampp/etc/httpd.conf

Listen 80

# 以下を追加
Listen 8081

# コメントアウトを外す。
Include etc/extra/httpd-vhosts.conf

上記のようにListenするポートを追加し、

/opt/lampp/etc/extra/httpd-vhosts.conf

# 下の2つの設定はコメントアウト
# <VirtualHost *:80>
#     ServerAdmin [e-mail]
#     DocumentRoot "/opt/lampp/docs/dummy-host.example.com"
#     ServerName dummy-host.example.com
#     ServerAlias www.dummy-host.example.com
#     ErrorLog "logs/dummy-host.example.com-error_log"
#     CustomLog "logs/dummy-host.example.com-access_log" common
# </VirtualHost>

# <VirtualHost *:80>
#     ServerAdmin [e-mail]
#     DocumentRoot "/opt/lampp/docs/dummy-host2.example.com"
#     ServerName dummy-host2.example.com
#     ErrorLog "logs/dummy-host2.example.com-error_log"
#     CustomLog "logs/dummy-host2.example.com-access_log" common
# </VirtualHost>

# これを追加
<VirtualHost *:8081>
    DocumentRoot "/opt/lampp/htdocs/busbar-j"
    ServerName localhost
</VirtualHost>

ネットワーク設定

Networkタブに移動してAddボタンを押し、
LocalPort、RemotePortをともに8081に設定する。
Require LocalとOver SSHのチェックはとりあえず入れない。

apache再起動

Serviceタブに移動し、Apacheを選択後Restartする。

アクセス

localhost:8081にブラウザなどから接続すると、配置したホームページが表示される。