横浜のホームページ制作 スタジオFIXの社長ブログ

MacOSXローカル環境にMAMPを使ってWordPressをインストール すると、
ローカルMacのWordPressのURLは
http://localhost:8888/wordpress/
のようになります。


でもせっかく VirtualBoxでMacOSXにWindows7をインストール してあるのに、
「http://localhost:8888/」のままでは、
VirtualBoxのゲストOSのWindowsから
ホストOSのMacに構築したWordPressにブラウザアクセスできません…。orz


そこでローカルMac環境に構築したWordPressへ、
VirtualBoxのゲストWindowsでもアクセスできるようにしてみました。


[前提条件]
1. MacOSXに「MAMP」がインストールされている
2. MacOSXに「WordPress」が構築できている
3. MacOSXに「VirtualBox」がインストールされている
4. VirtualBox上で Windowｓが起動する

1. Macの設定

システム環境設定＞共有＞Web共有を「切」にする

2. MAMPの設定

Applications＞MAMP＞conf＞apache＞httpd.conf を修正する

1. 219行目あたりポート番号の指定を「80」に変更
Listen 8888
↓
Listen 80
   
2. 一番下に以下の4行を追加する
<virtualhost *:80>
ServerName localhost:80
DocumentRoot "/Applications/MAMP/htdocs"
</virtualhost>
   

MAMPを起動中であれば再起動する。
再起動しないと、設定が変更されません。

3. VirtualBoxの設定

設定＞共有フォルダ＞共有フォルダの追加で
MAMPの「htdocs」フォルダを追加する。

フォルダのパス：/Applications/MAMP/htdocs
フォルダ名：htdocs（何でもOK）

4. ゲストOSでWordPressへアクセス

共有フォルダの追加が完了したら、VirtualBoxを起動。
IEを立ち上げて…以下のURLにアクセス。
http://192.168.1.2/wordpress/
「wordpress」部分は、WordPressディレクトリ


わーい!!! (^-^*)
ちゃんとWordPressが表示されました!


Mac/Safari、Mac/FireFox、
Win/IE6、Win/IE7、Win/IE8 を同時に立ち上げたらこんな感じ!


もちろんWordPressだけでなく、htmlファイルも同様にブラウザアクセスできるので
/Applications/MAMP/htdocs/
の中に「project01」というフォルダを作成してWebデータを格納すれば、
http://192.168.1.2/project01/
でアクセスすることができます。


MacOSXでホームページを制作するなら、ぜひ手に入れたい環境ですね！（・∀・）