Mac XAMPPを用いてPHPのローカル開発環境を整える

〜宣伝〜

個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！

β版リリース記念キャンペーン中です！

10名様限定、抽選でお好きな技術本1冊プレゼント！
🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません)
詳しくはこちらから↓

https://x.com/dokupro01/status/1796837336145436846

目的

• PHP7.4のローカル開発環境の整え方をまとめる
• 環境構築を優先しその他の作業は誰でも理解できるような方法で進める
• ApacheとMySQLを使用して構築する

余談

• MacはXAMPPではなくMAMPを使うらしい、本末転倒感があるが本方法よりMAMPを使う方法がいいと思う。
• MacのローカルにLaravelの開発環境を作りたいならHomeBrewなどを使用してPHPやMySQLを入れたほうが勉強になるかもしれない。下記にMacに直接Laravelのローカル開発環境を構築したときの記事のリンクを記載する。
  • Mac HomebrewでPHPをインストールする
  • Mac Laravelの環境構築を行う
  • Mac HomebrewでMySQLをインストールする
• PHPをテスト実行したいだけなら下記サービスのほうが簡単にPHPを実行できて良い。
  • https://paiza.io/ja

実施方法概要

1. XAMPPのインストール
2. ApacheとMySQLの起動
3. テスト

実施方法詳細

1. XAMPPのインストール
   1. 下記サイトにアクセスする。
      • https://www.apachefriends.org/download.html
   2. XAMPP for OS Xの「7.4.2 / PHP 7.4.2」の「Download(64bit)」をクリックする。
      
   3. 画面が切り替わり、ダウンロードが開始されるので完了するまで待機する。
      
   4. Downloadフォルダを開きダウンロードしたインストーラ「xampp-osx-7.4.2-0-vm.dmg」を開く。
      
   5. 下記のウインドウが開いたらXAMPPのアイコンをドラックしてアプリケーションフォルダに移動する。
      
   6. アプリケーションフォルダを開きXAMPPのアイコンをクリックして起動する。
      
   7. 下記のウインドウで「開く」をクリックする。
      
   8. 初回インストールなので管理者権限が必要になるウインドウが開くので「OK」をクリックする。
      
   9. 下記のウインドウが開いたら現在のアカウントにログインする時のパスワードを入力する。
      
   10. DockのXAMPPのアイコンをクリックして下記のウインドウが表示されればXAMPPのインストールは完了である。
       
2. ApacheとMySQLの起動
   1. XAMPPを起動して下記の画面が開いたことを確認する。
      
   2. 「Start」をクリックしたあとStatusが一旦黄色になることを確認し待機する。
      
   3. ウインドウが変化し、Statusが緑色になりIP Addressが表示されことを確認する。
      
   4. Serviceのタブを開く
      
   5. 「Restart All」をクリックし待機する。Apache MySQL ProFTRDのステータスが一時的に黄色に変化する。
      
   6. Apache MySQL ProFTRDのステータスが緑色になったことを確認する。
      
3. ネットワーク設定
   1. XAMPPのNetworkタブを開く
      
   2. localhost8080 -> 80(Over SSH)を選択し「Enable」をクリックし、ステータスが緑色になったことを確認する。
      
4. マウント設定
   1. XAMPPのVolumesタブを開く
      
   2. 「Mount」をクリックする。
      
5. テスト

   1. 「Explore」をクリックする。

   2. 下記のようにフォルダが開く。
      

   3. htdocsフォルダの中にprojectフォルダを作成し、hello_world.phpとというファイルを作成する。
      

   4. hello_world.phpをテキストエディタで開き下記の内容を記載する。

      <?php
          echo "hello world";
      ?>
      

   5. 下記にアクセスしてhello worldが表示されているか確認する。

      • http://localhost:8080/project/hello_world.php

   6. 下記のように表示されていれば環境構築完了である。