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


目的

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

余談

実施方法概要

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

実施方法詳細

  1. XAMPPのインストール
    1. 下記サイトにアクセスする。
    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が表示されているか確認する。

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