xamppでローカルにサーバー環境を持ってこれれば、dropbox配下でサーバーサイドの編集ができるじゃん、ということでmac(10.7)でxamppセットアップしてみた。
インストール
1. ここからxampp落としてくる。
2. dmgからインスコ
3. Applications/XAMPP/XAMPP Controlを起動。http://localhost/にアクセスしてxamppの「ようこそ」画面が出たらひとまずインスコ成功。
セキュリティの設定
1. Terminalを起動して「$ sudo /applications/xampp/xamppfiles/xampp security」を実行。
2. xamppのパスワード設定、MySQLの外部ネットワークからのアクセスを許可するかの設定、MySQLのパスワード設定、phpMyAdminのパスワード設定が順番に実行される。
3. http://localhost/xampp/security.phpでセキュリティのステータスを確認。すべて安全になっていたら完了。
(ちなみに各サービスへのアクセスに必要なIDはxamppに設定されてる)
VirtualHostの設定
1. 「/Applications/XAMPP/xamppfiles/etc/httpd.conf」を開き、
# Include /Applications/XAMPP/etc/extra/httpd-vhosts.conf
をコメントアウトし、httpd-vhosts.confの設定を読み込むようにする。
2. 「/Applications/XAMPP/etc/extra/httpd-vhosts.conf」を開き、httpd.conf内で設定されていたhttp://localhost/xampp/の設定を移す。
<VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs" ServerName localhost </VirtualHost> <Directory "/Applications/XAMPP/xamppfiles/htdocs"> Options Indexes FollowSymLinks ExecCGI Includes AllowOverride All Order allow,deny Require all granted Allow from localhost 127.0.0.1 </Directory>
3. 表示したいアドレスとローカルのディレクトリを割り当てる。
<VirtualHost *:80> ServerName {表示したいアドレス} DocumentRoot "{ローカルディレクトリ}" </VirtualHost>
4. 設定したアドレスへのアクセス権限を設定する。
<Directory "{3で設定したローカルディレクトリ}"> Order allow,deny Require all granted Allow from {公開する範囲、Allとかlocalhost} </Directory>
5. NameVirtualHost *:80がコメントアウトされていたら、これもコメントを外しておく。
6. こんな感じ。
NameVirtualHost *:80 <VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs" ServerName localhost </VirtualHost> <Directory "/Applications/XAMPP/xamppfiles/htdocs"> Options Indexes FollowSymLinks ExecCGI Includes AllowOverride All Order allow,deny Require all granted Allow from localhost 127.0.0.1 </Directory> <VirtualHost *:80> ServerName hogehoge.local DocumentRoot "/Users/bouze/htdocs" </VirtualHost> <Directory "/Users/bouze/htdocs"> Order allow,deny Require all granted Allow from localhost 127.0.0.1 </Directory>
7. hostsファイルにhttpd-vhosts.confで指定したアドレスを追加しておく。GUIでhostファイルを編集できるHosterがよい感じ。
8. 設定したアドレスにアクセスしてローカルのファイルが表示されたら成功。
※「要求されたディレクトリへのアクセス権限がありません。」的なエラーが出る場合はローカルディレクトリをさかのぼってパーミッションが読み取り可能な状態になっているか確認する。