文系Webエンジニアの技術メモとたまに旅のメモ

未経験文系エンジニアとして働いてます。アウトプットとして簡単に技術メモを残していきます。たまに旅関係のも趣味で残していこうと思ってます。

【MAMP/MacOS】MAMPのインストールから画面表示まで!

PHPの開発環境として使われ、簡単にインストールから画面表示まで出来るので
その手順を記していきます。

1.開発環境・インストール内容

MacOS:High Sierra 10.13.6
MAMP:5.7
MAMP PRO:5.7 ※こちらは削除します。

2.MAMPのダウンロード

下記URLにアクセスします。
https://www.mamp.info/en/mac/

「Free Download」をクリックします。

f:id:igarashi44:20200624003800p:plain

OSの選択をします。
Appleマーク項目の「MAMP & MAMP PRO 5.7」をクリックします。
クリックすると、ダウンロードが始まるのでしばらく待ちましょう。

f:id:igarashi44:20200624003920p:plain

3.MAMPのインストール

ダウンロードが完了したら、「MAMP_MAMP_PRO_5.7.pkg」を開きます。

f:id:igarashi44:20200624005246p:plain

インストーラーが起動するので、「続ける」をクリックします。

f:id:igarashi44:20200624005343p:plain

内容を確認し、「続ける」をクリックします。

f:id:igarashi44:20200624005435p:plain

使用許諾契約の内容を確認し、「続ける」をクリックします。

言語を変更する場合は、画面上部のプルダウンを選択しましょう。

f:id:igarashi44:20200624005518p:plain

同意の確認があるので、問題が無ければ「同意する」をクリックします。

f:id:igarashi44:20200624005627p:plain

インストール先の設定をします。
特に指定先が無ければデフォルトのまま「インストール」をクリックします。

f:id:igarashi44:20200624005706p:plain

ユーザー名とパスワードを入力し「ソフトウェアをインストール」をクリックします。

f:id:igarashi44:20200624005838p:plain

インストールが始まるので、しばし待ちます。

f:id:igarashi44:20200624005942p:plain

インストールが無事完了したら、「閉じる」をクリックします。

f:id:igarashi44:20200624010025p:plain

インストーラーを削除するか聞かれるので、任意の選択をしましょう。

f:id:igarashi44:20200624010136p:plain

MAMP PROも一緒にインストールされてしまうので、
不要な場合はこちらの記事を参考にアンインストールしてみましょう。

44igarashi.hatenablog.com

4.Apacheの確認

MacOSには、Apacheが標準でインストールされているため、MAMPとの競合を避けるために
停止されているか確認をします。

システム環境設定を開き「共有」を開きます。

f:id:igarashi44:20200624014349p:plain

「インターネット共有」を選択し、右画面の「インターネット共有:オフ」になっていればOKです。

f:id:igarashi44:20200624014604p:plain

5.MAMPの起動

Launchpadに入っているMAMPをクリックし、起動します。
サーバを起動するため「Start Servers」をクリックします。

f:id:igarashi44:20200624014945p:plain

起動が成功すると下記項目のランプが緑色に光ります。
Apache Server
MySQL Server

f:id:igarashi44:20200624015103p:plain

6.ブラウザでPHPファイルを確認

MAMPPHPファイルを確認する際は、「htdocs」ディレクトリ直下にファイルを置いていきます。

例:/Applications/MAMP/htdocs/{追加するファイル}

「project」ディレクトリに「test.php」というファイルを作成し、ブラウザで表示するやり方を記していきます。
※port番号などデフォルトの設定で進めていきます。

まず、「htdocs」ディレクトリ直下に「project」ディレクトリを作成します。

f:id:igarashi44:20200624021359p:plain

作成した「project」ディレクトリに「test.php」ファイルを作成します。

f:id:igarashi44:20200624021428p:plain

作成した「test.php」に下記記述をします。

<?php
    echo "test.phpの内容を表示";
?>

任意のブラウザで下記URLにアクセスします。

http://localhost:8888/project/test.php

MAMPがちゃんと起動していれば、先ほど作成した「test.php」の内容がブラウザに表示されます。

f:id:igarashi44:20200624021942p:plain

これでMAMPのインストールからブラウザで画面表示まで完了です!