[MAMP編] MACでPHPの環境構築

# 今回やること
1. MAMPをインストール
1. MACにPHPのPATHを通す
1. 動作確認
1. 続きは[[VSCode編]](https://qiita.com/Rei_33/items/49b5ebadbe2adca4186c)
<br>
<br>



今回導入するバージョンは以下になります。
目的に応じてここは変更してください。
* MAMP 4.5
  * PHP 7.1.12
<br>
<br>

前提知識は以下を触ったことがある方を想定しています。
* HTML/CSS
* VSCode
* Terminalでコマンドをいくつか試したことがある
コマンドラインがわからなければ、
Progateで「Command Line 基礎編」を終わらせてください。
そんな時間かかりません。

<br>
<br>




## 1. MAMPをインストール
公式サイトから好きなバージョンを入れてください。
今回は4.5を導入します。
IntelMacの方は同じもの選んでOKです。
M1Macの方は、M1用を入れてください。（バージョン6.8など）
https://www.mamp.info/en/downloads/older-versions/

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/dc695269-33f8-726d-e8f5-ff0db3537e0c.png">
<br>









指示通りにインストールして、launcherに表示されたら完了です。
英語でもちゃんと翻訳しながら理解して進めましょう。
PROの方は使いません。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/bade9833-1840-fd8f-acaf-2b1ffab83482.png">
<br>
<br>











## 2. MACにPHPのPATHを通す
使いたいPHPのバージョンをFinderで確認しましょう。
フォルダの場所は画像下方の黄枠を確認してください。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/a44e6b4e-512b-4a71-d14f-9f367590a00f.png">
<br>
<br>












MACのターミナルを開きしましょう。（Spotlightでterminal.appを調べても開けます。）
シェルの種類を確認するコマンドを入力します。

```shell:ターミナル
echo $SHELL
```

/bin/zsh と出ればそのまま進めてください。
bashと出た場合は、これから書き込むファイルが変わってきます。
今回解説しませんので、都度調べながら進めてください。
<br>
<br>







PATHを通すために、書き込むファイルを探します。
.zshrcを探してください

```shell:ターミナル
cd ~
ls -a
```

cd ~  ：ホームディレクトリに移動します。
ls -a  ：今居るディレクトリに存在するファイルを一覧できます。


.zshrcが無ければ以下のコマンドで作成します。

```shell:ターミナル
touch .zshrc
```

touch ファイル名  ：ファイルを作成できます。
<br>

.zshrcに通したいPATHを記入します。
.zshr をvimで開きます。

```shell:ターミナル
vi ~/.zshrc
```
<br>

vi ファイル名  ：vimの編集画面に移行します。

```shell:vim編集画面
iキーで編集モードに移行して以下を記述する。

export PATH=/Applications/MAMP/bin/php/php7.1.12/bin:$PATH

escキーで編集モードを抜ける。
:wq で上書き保存
```
<br>



記入したPATHを反映させる。
```shell:ターミナル
source ~/.zshrc
```
<br>
<br>

PATHは通せたはずなので、確認しましょう。
```shell:ターミナル
php -v

以下が表示され、自分が指定したPHPのバージョンが表示されたら完了です。

PHP 7.1.12 (cli) (built: Nov 27 2017 15:53:40) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.1.0, Copyright (c) 1998-2017 Zend Technologies
```
<br>
<br>




## 3. 動作確認
MAMPを開いてPHPのバージョンを選択します。
指定したいバージョンが無い場合は、記事の一番下をご確認ください。

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/ece68a02-c1bd-31ed-4ca8-3b1469d0199e.png">

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/2b22f94a-b945-9e49-1514-97206716973f.png">

<br>
<br>





MAMPサーバーを起動します。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/5e0726d9-a190-6aaf-b234-fa4d9a7288d9.png">

これでサーバーの起動は完了です。
<br>

続いてPHPファイルを開きましょう
テキストエディタでも良いので、「sample.php」を作成します。
必ずMAMPのhtdocsフォルダの中に入れましょう。
今回はphpフォルダを作って、その中に「sample.php」を入れましょう。

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/00c4d6bf-4011-e95e-b379-4897c4a45e36.png">

「sample.php」の中に適当に記述します。

```php:sample.php
<!DOCTYPE html>
<html lang="ja">
<body>

<?php
echo 'Hello World!';
?>

</body>
</html>
```
<br>

ブラウザを開いて以下のURLを記入します。
http://localhost:8888/php/sample.php

画像のようにHello World!が表示されたら成功です。

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/f2936705-b502-90da-428f-2dd833899f74.png">

MAMP/htdocsまでのパスはデフォルトで設定されているので、
それ以降のphpフォルダからのパスを記入すれば問題ありません。
<br>
<br>













## MAMPで望みのバージョンのPHPが選べない場合
バージョンの新しいものから2つだけ表示されるので、
使わないものの名前を変えてあげれば終わりです。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3572782/f0764877-2612-9523-1ea9-a462bea9c181.png">