MAMPを使ってphpのローカル環境をつくる
![](https://bouquet344olive.com/wp-content/themes/cocoon-master/images/man.png)
ワードプレス 以外のphpファイルの修正が必要になったょ。htmlみたいにすぐにはページが表示されないよ、、困ったな。
というわけで、MAMPをつかってローカル環境でテストページを作ってみよう!
参考にしたyoutube動画はこちら
やっぱり動画はわかりやすいですね!
最初はいろんなところで、つまずくのでこういう動画があるのは助かります!
MAMPのインストール
![](https://bouquet344olive.com/wp-content/uploads/2022/05/mamp-1024x556.png)
アプリケーションからMAMPを開く
![](http://bouquet344olive.com/wp-content/uploads/2022/05/mamp2-1024x599.png)
(mac使用しています)
アプリケーション→MAMP→MAMP
![](http://bouquet344olive.com/wp-content/uploads/2022/05/ports-1024x842.png)
少し中身を見てみましょう!
左上、歯車マークの設定からportsへ進むと、8888に設定されているのがわかります。
htdocsの中にphpファイルなどを入れる
![](http://bouquet344olive.com/wp-content/uploads/2022/05/htdocs-1024x583.png)
ファイルを入れてみます。
先ほどのアプリケーション→MAMP→htdocs
の中にファイルをいれます。(フォルダごとではなく、中身のファイルだけいれます。なので、こちらがルートフォルダになる感じでしょうか。)
MAMPのサーバーをスタートさせる
![](http://bouquet344olive.com/wp-content/uploads/2022/05/start-1024x839.png)
先ほど開いたMAMPの右上にあるstartから、サーバーをスタートさせます。
![](http://bouquet344olive.com/wp-content/uploads/2022/05/webstart-1024x821.png)
次にそのお隣にあるWebStartをクリックして、webを起動させます。
![](https://bouquet344olive.com/wp-content/uploads/2022/05/MAMP-1-1024x510.png)
すると、こんな画面が立ちがります。
urlが下記のようになっているので、
http://localhost:8888/MAMP/?language=English
8888/以降を、表示させたいファイル名に書き換えます。
http://localhost:8888/index.php
すると、そのページがweb上に表示されます。これでローカルでのテスト環境ができました!
まとめ
- MAMPのインストール
- アプリケーション→MAMP→htdocsへ。htdocsの中にphpファイルなどを入れる
- アプリケーションからMAMPを開き、MAMPのサーバーをスタートさせる
- webをスタートさせて、urlを表示させたいファイル名に書き換える