【Laravel】プロジェクト事前準備①～PHP（XAMPP）インストール

# PHPのインストール
導入方法としては、以下の２パターンがあります。
このうち、PHPローカル開発環境が手軽に整備できる①手法で進めます。
　**① XAMPPでインストール　　◀**
　② PHPを個別にインストール

# 1. PHP（XAMPP）のインストール
### ① インストーラのダウンロード
**(1) 以下サイトにアクセスします。**
　　https://www.apachefriends.org/jp/index.html
**(2) [Windows向けXAMPP]を選択します。**
     ![XAMPP01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/08e08c8a-363e-9e6f-2461-9b7569098021.png)
**(3) 以下画面に遷移し、インストーラがダウンロードされるので待機します。**
     ![XAMPP02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/ece8767a-1c3a-71e8-e748-64d50fc92c86.png)
**(4) 自動でエクスプローラーが開くので、インストーラの保存先を選択し保存します。**
### ② インストール
**(1) ①(4)で保存したインストーラを起動します。**
**(2) 手順に従い、インストールを進めます。**
　**・ウイルス対策ソフトによるインストールの注意事項：[はい] を選択**
　　→ウイルス対策ソフトによって、インストールに時間がかかったり、妨害される可能性
  　　　がある旨が記述されています。
![XAMPP3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/afddf9a6-b0b7-4f09-9704-bb532fa9dcbf.png)
　**・警告：[OK] を選択**
 　　→UAC（User Account Control）有効下では書き込み権限の都合上、
   　　「C:\Program Files」にインストールすることを避ける旨が記述されています。
![XAMPP04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/6ad774fc-862c-dc4e-9a72-169c88171549.png)
　**・ウェルカム画面：[Next] を選択**
 ![XAMPP05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/02c4bf6e-0b9f-7692-24db-4d02ab6392f5.png)
　**・インストール内容の選択：[Next] を選択**
 ![XAMPP06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/b92102b0-5339-054c-ba08-4284e697889a.png)
 　**・インストール先のディレクトリを選択：[Next] を選択**
　　※今回はデフォルトの保存先で進めましたが、適宜変更してください。
  　　※最初の警告にあったように「C:\Program Files」へのインストール避けましょう。
  ![XAMPP07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/c40445cf-fcfc-c94b-e84e-8f843e450195.png)
  　**・言語選択：[Next] を選択**
 　　※日本語はないためEnglishのまま進めました。
   ![XAMPP08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/da5e0500-e24b-1b87-afb2-d34d16067bbb.png)
  　**・インストール準備完了画面：[Next] を選択**
  ![XAMPP09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/957950e7-9a33-d502-6cb1-839791fcab61.png)
  　**・インストール中画面：待機**
![XAMPP10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/306fd923-27ee-7d3d-9ea9-4477f3b419df.png)
  　**・インストール完了：[Finish] を選択**
   ![XAMPP11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/6d8d6d36-c683-8308-63cd-1ff3fb5b192e.png)
### ③ インストール後確認（環境変数パス設定・コマンド実行）
　PHPが正しくインストールされたかどうかを、コマンドプロンプトで```php -version```
　コマンドを実行することで確認します。
**(1) 環境変数設定画面を開きます。**
　　コマンドプロンプトでPHPのコマンドを実行できるよう、環境変数を設定します。
　　以下のように環境変数設定画面を開きます。
　　[スタート] > [設定] > [システム] > [詳細情報] > [システムの詳細設定] > [環境変数]
　　※Windowsのバージョンにより[システム] 以降の開き方が異なります。
　　　私の環境はWindows11だったため以下で開きました。
　　　[システム] > [バージョン情報] －[関連リンク] － [システムの詳細設定] > [環境変数]
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/dcb034d0-eac3-bf23-22c8-a4fdc298865f.png)
**(2) [システム環境変数] > [Path] 選択 － [編集] から[環境変数名の編集]を開きます。**
![XAMPP14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/3185f677-3329-5ab8-91a4-3d8d70a9e43f.png)
**(3) [新規] をクリックし、②(2)で保存したインストール先のディレクトリ配下の**
　**「php」ディレクトリのファイルパスを設定し、[OK] をクリックします。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/a717c0dd-80db-09b6-fe7c-f5c326183cf4.png)
**(4) [環境変数] 画面に戻り、[OK] をクリックします。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/01028584-f310-8531-73c5-6e24b4b5efee.png)
**(5) [システムのプロパティ] 画面に戻り、[OK] をクリックします。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/df77d01c-1464-653e-a4dc-a84d8a40f90a.png)
**(6) コマンドプロンプトを開きます。**
　※私は[Winsows] キー＋ [R] で[ファイル名を指定して実行] → ```cmd```入力 →
 　　[OK] ボタンクリック の手順で開いています。
**(7) コマンド``` php--version ```を実行し、インストール済みのPHPバージョン情報が**
　　**返ってきたら確認終了です。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/eb31963c-087d-4687-3cc4-10bb89b0feb1.png)
# 2. Apacheの設定・動作確認
**(1) 適当なディレクトリで、以下を記述したphpファイルを作成します。**
```php:c:\xampptest\test.php
<?php
   phpinfo();
?>
```
**(2) XAMPPの起動**
　②でXAMPPのインストール完了後に自動でXAMPPのコントロールパネルが起動します。
 　（起動しなければ[スタート] > [XAMPP Control Panel] から開いてください。）
**(3) Apache [Config] をクリックし、[Apache(httpd.conf)] を選択します。**
![XAMPP17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/5d2a23c1-5377-4665-1557-d96a3f9160af.png)
![XAMPP18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/cb6deb70-8cb2-edfc-66ff-e1c1d74752eb.png)
**(4) Apache設定ファイル(httpd.conf)内でDoumentRootディレクティブの値を**
　**(1)のファイルの親ディレクトリに設定し、保存します。**
```
#
# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot "C:/xampptest" # ←書き換え
<Directory "C:/xampptest">  # ←書き換え
```
**(5) Apache [Start] をクリックし、Apacheを起動します。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/163adfe3-9e94-40d1-7d0e-5fdb1caaa214.png)
　・以下のような表示であれば起動成功です。
　　※起動に失敗すると[Apache] 文字の背景が黄色になります。
 ![XAMPP20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/fc6e4a9d-8721-e128-2f80-7e9a1efb9146.png)
**(6) ブラウザで(3)ファイルへアクセスし、以下画面が表示されることを確認します。**
　　※私はファイル名を「test.php」としたので、「http://localhost/test.php」
  　　　にアクセスしました。
 ![XAMPP21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2846445/30fc6272-6c79-9d2c-d671-b2a7164cf28d.png)

# 参考
### インストール手順
https://zenn.dev/hainare/articles/b2d0d49c768629

https://at.sachi-web.com/vscode_extension_php-debug.html

https://find-a.jp/seotimes/windows-xampp-install/

### 環境変数関連
https://www.scc-kk.co.jp/scc-books/java8_workbook/java_dev-win10.html

https://tech.gijukatsu.com/windows11_path/