Pocket

前回は、 Mac OS X に MAMP (マンプ)をインストールしました。

MAMPインストール直後の初期設定は、http://localhost:8888/ にアクセスをすることで ドキュメントルート を参照できますが、
このURLの :8888 という部分(接続ポート)が若干わずらわしいので、http://localhost/ でドキュメントルートを参照できるように、MAMPの設定を変更します。

20140206-15

 

MAMPの設定を確認する

MAMPのコントロールパネルを開いて、WEBサーバー(Apache)を起動しておきます。

1-29-18-1

 

MAMPのコントロールパネルより、 「環境設定」 をクリックします。

20140206-01

 

メニューから、 「ポート」 を選択します。

20140206-02

Apacheのポート : 8888

MySQLのポート : 8889

「Apacheのポート」に注目をすると、初期設定での接続ポートが 8888 になっていることが確認できます。

 

続いて、メニューから「Apache」を選択します。

20140206-03

つまり、MAMPの初期設定では、公開ディレクトリ(ドキュメントルート)は /Applications/MAMP/htdocs/ になっていて、
公開ディレクトリをブラウザで確認する場合のURLは http://localhost:8888/ ということになります。

20140206-16

 

MAMPをインストールしたばかりだと、公開ディレクトリにファイルが存在しないため、
ドキュメントルートのアクセス画面は以下のように表示されます。

20140206-04

試しに /Applications/MAMP/htdocs/ に index.html を作成して、http://localhost:8888/ にアクセスしてみてください。

20140206-05

 

http://localhost:8888/ にアクセスをすると以下のような内容が確認できると思います。

20140206-06

ドキュメントルートのURLと、ドキュメントルートのファイルパスの関係性が確認できましたね。

 

ファイルやディレクトリを追加する場合には、この /Applications/MAMP/htdocs/ 配下にファイルを作成していくことになります。
試しに、/Applications/MAMP/htdocs/ に dummyフォルダを作成し index.html を設置しました。

20140206-07

 

http://localhost:8888/dummy/index.html にアクセスをすると、以下のような画面が表示されます。

20140206-08

 

 

MAMPのポート番号を変更する

MAMPの初期設定では、WEBサーバーのポート番号が 8888 となっているので、ブラウザでアクセスをする際にホスト名(localhost)の右辺にポート番号を指定しなければなりません。

20140206-17

通常、一般のWEBサーバーは、ポート番号が 80 に設定されており、この 80番ポート はURL上省略することができるようになっています。
MAMPでもポート番号を省略したURLでアクセスできるように、接続ポートを 80番 に設定します。

 

コントロールパネルから「環境設定」をクリック。

20140206-01

Apache のポートを 80 に変更します。
MySQLのポートも、 3306 に変更しておきましょう。

20140206-09

「ApacheとMySQLの標準ポートに設定」をクリックしても、上画面と同じポート設定がされます。

 

「OK」 をクリックして設定を反映させます。

20140206-10

 

 

赤枠のクルクルが回っている間、裏側ではMAMPの設定変更と Apache の再起動がおこなわれています。
焦らず完了するまで待ちましょう。

20140206-11

 

 

再起動が完了したら、「スタートページを開く」 を開きます。

20140206-12

 

 

URLを確認すると、先程の localhost:8888 の :8888が消えていることが確認できます。

20140206-13

 

 

先程作成をしたダミーページへもアクセスしてみましょう。

http://localhost/dummy/index.html でアクセスができることが確認できます。

20140206-14

 

 

これで一般のWEBサーバーのように、ポート番号を省略したURLでアクセスできるようになりました。

 

 

 

 

スタッフ募集のお知らせ

株式会社それからデザインでは現在、エンジニア・プログラマー、デザイナー、ディレクターを募集しています。自社サービスやクライアント企業のブランディングに関わるモノづくりの現場であなたの経験を活かしてみませんか?
ご興味のある方は、下記より募集要項をご覧ください。

生きるように働く人の仕事探しサイト「日本仕事百貨」に、当社のSE・プログラマー募集の記事が掲載されました。是非ご覧ください。