Quantcast
Channel: 初心者タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 21089

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

$
0
0

目的

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

余談

  • MacはXAMPPではなくMAMPを使うらしい

実施方法概要

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

実施方法詳細

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

    1. 「Explore」をクリックする。
    2. 下記のようにフォルダが開く。 スクリーンショット 2020-02-29 0.24.14.png
    3. htdocsフォルダの中にprojectフォルダを作成し、hello_world.phpとというファイルを作成する。 スクリーンショット 2020-02-29 0.27.12.png
    4. hello_world.phpをテキストエディタで開き下記の内容を記載する。

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

    6. 下記のように表示されていれば環境構築完了である。
      スクリーンショット 2020-02-29 0.37.49.png


Viewing all articles
Browse latest Browse all 21089

Trending Articles