Laravel開発：１．環境構築をMAMPを使用して作成する

こちらの内容は[ブログ](https://ksysnote.com/php/laravel-mamp-setup/)にアップしています。

<h3>はじめに</h3>
Laravelを使用するのは今回が初めてなので、開発環境をどう作成していくかも含めてまとめて行こうと思います。

PHPの開発環境にはMAMPを使用します。MAMPはMac環境でApache、MySQL、PHPの環境を作成することができますｗ

有料版のProがありますが特に問題はないので、Free版を使用します。
<h4>環境：</h4>
OS : macOS High Sierra 10.13.6

MAMP : 5.1

Laravel : 5.7.6
<h3>MAMPのインストール</h3>
<a href="https://www.mamp.info/en/">こちら</a>からダウンロードします。
<p id="cfNgUNT"><img class="alignnone size-full wp-image-41 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c255b40cb.png" alt="" /></p>
<img class="alignnone size-full wp-image-42 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c2a6481c1.png" alt="" />

・「MAMP_MAMP_PRO_5.1.pkg」がダウンロードされますので、実行をします。

・インストール画面が表示されるので、画面に沿って進めていきます。

（特に悩むようなところはなかったです。）
<h4>MAMPの起動</h4>
アプリケーションから「MAMP」を開くと「MAMP.app」があります。

こちらを実行して下さい。
<p id="qBimNsf"><img class="alignnone size-full wp-image-43 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c6e04e189.png" alt="" /></p>

<h4>サーバーの起動</h4>
「Start Servers」をクリックしてサーバーを起動します。
<p id="JwQwwze"><img class="alignnone size-full wp-image-44 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c73a807a1.png" alt="" /></p>
・ドキュメントルートは「/Applications/MAMP/htdocs」です。

こちらに「phpinfo.php」を作成して
<pre class="EnlighterJSRAW" data-enlighter-language="php">&lt;?php
phpinfo();</pre>
とPHP情報を出力してみます。

&nbsp;

・localhost:8888/phpinfo.php を表示すると
<p id="QEObMVV"><img class="alignnone size-full wp-image-45 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c87d531c3.png" alt="" /></p>
と表示されたら成功です。
<h4>MAMPの設定</h4>
・MAMPの設定はメニューから環境設定画面を表示します。
<p id="gPFBZxa"><img class="alignnone size-full wp-image-46 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c90524478.png" alt="" /></p>
・ポートの設定とかはこちらの画面から行っていきます。
<p id="IAXOPDI"><img class="alignnone size-full wp-image-47 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5ba9c92fb2fb3.png" alt="" /></p>

<h4>phpMyAdminの確認</h4>
MAMPを起動したときのトップページにMySQLの情報とphpMyAdminのリンクがあります。
<p id="UZqZtkz"><img class="alignnone size-full wp-image-60 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5bab7f1519b25.png" alt="" /></p>

<h3>Laravelのインストール</h3>
引き続きLaravelをインストールしていきます。その前に必須となるComposerからインストーしていきます。
<h4>Composerのインストール</h4>
<pre class="EnlighterJSRAW" data-enlighter-language="null">$ curl -sS https://getcomposer.org/installer | php
$ sudo mv composer.phar /usr/local/bin/composer
$ composer -V
Composer version 1.7.2 2018-08-16 16:57:12</pre>
Composerをパスの通っているbinに移動しています。
<h4>Laravelインストール</h4>
<pre class="EnlighterJSRAW" data-enlighter-language="null">$ cd /Applications/MAMP/htdocs/
$ composer create-project laravel/laravel --prefer-dist laravel
$ cd laravel/
$ chmod -R 777 storage
$ chmod -R 777 bootstrap/cache</pre>
MAMPのドキュメントルートは「/Applications/MAMP/htdocs/」となります。

ここでComposerを使ってlaravelのプロジェクトを作成していきます。

プロジェクト名は「laravel」にしましたが、こちらは任意です。

インストールができましたら、2つのディレクトリの書き込み権限を追加します。

・storeage

・bootstrap/cache
<h4>VirtualHostの設定</h4>
<span style="font-size: 12px;">/Applications/MAMP/conf/apache/httpd.conf</span>
<pre class="EnlighterJSRAW" data-enlighter-language="shell"># Virtual hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf
</pre>
・コメントアウトされているので外します。

<span style="font-size: 12px;">/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf</span>
<pre class="EnlighterJSRAW" data-enlighter-language="null">NameVirtualHost *:8888

&lt;VirtualHost *:8888&gt;
    DocumentRoot "/Applications/MAMP/htdocs/laravel/public"
    ErrorLog "logs/laravel-error_log"
    CustomLog "logs/laravel-access_log" common
&lt;/VirtualHost&gt;</pre>
このようにVirtualHostの設定をして、MAMPを再起動します。

ブラウザで http://localhost:8888/ を開いていLaravelの画面になれば成功です。
<p id="VheWPKa"><img class="alignnone size-full wp-image-61 " src="https://ksysnote.com/wp-content/uploads/2018/09/img_5bab8d5cb1774.png" alt="" /></p>

<h3>まとめ</h3>
MAMPを使用したので、環境自体はすぐに作成することができました。

次回は、ユーザのログイン画面、管理画面の作成をしていきます。