【PHP】XAMPPでの開発環境構築

※この記事はWindowsでの構築手順となります。

記事内の用語

XAMPPのインストール

1. XAMPPをダウンロードする

こちら Apache Friends)にアクセスし、Windows向けXAMPP」をクリックします。PHPのバージョンは、こちらより使用するバージョンを選択しパッケージをダウンロードすることができます。

2. ダウンロードしたEXEファイルを実行する

XAMPPのインストーラーが開きます。細かい設定が可能ですが、基本デフォルト設定のままで問題はないため「Next」を順にクリックし進めてください。インストールが完了すると「Finish」が表示されますので、選択しインストーラーを閉じてください。

XAMPPの起動

1. XAMPPを起動する

デスクトップに作成されたショートカットやXAMPPのインストール先のフォルダ内より「xampp-control.exe」をクリックし起動させてください。

2. ApacheMySQLの起動

XAMPPのコントロールパネルが起動したらModule列の「Apache」「MySQL」にて、Actions列の「Start」を順にクリックします。
成功した場合、PID(s)列、Port(s)に数値が表示され、Module列の「Apache」「MySQL」の文字背景が緑色となり、Actions列が「Stop」に代わります。

ApacheMySQLの起動確認

1. ダッシュボード(http://localhost/dashboard/)にアクセス

上記にアクセスし問題なく表示されれば正常にApacheが起動しております。
Apacheが正常に起動していない場合、「このサイトにアクセスできません」というページが表示されダッシュボードにアクセスできません。

2. phpMyAdmin にアクセス

ダッシュボードの上部ナビゲーションより、「phpMyAdmin」へアクセスしてください。問題なく表示されれば正常にMySQLが起動しております。
MySQLが正常に起動していない場合、複数のエラーメッセージが表示された画面が表示されます。

実際にPHPを記述しブラウザに表示する

ここまでの手順が問題なく実行できた場合、ブラウザに表示する準備が完了しましたので以下手順で実際にブラウザに表示してみましょう。

1. プロジェクトの作成

初めにXAMPPのインストール先(デフォルトでは「C:\xampp」)の「htdocs」へアクセスします。
新規フォルダ(プロジェクト)を「test」で作成します(名前は何でもよい)。

2. PHPファイルの作成

ここでは、VSC(Visual Studio Code)を使用します。
※VSCインストール参考サイト

 
VSCを開き「ファイル > フォルダを開く...」より手順2で作成した「test」フォルダを選択し開きます。
新規に「index.php」ファイルを作成し以下内容を記述します。

<?php echo 'Hello, world!'; ?>

3. ブラウザに表示する

こちら(http://localhost/test/)にアクセスし、「Hello, world!」と表示されれば成功です。

 

ちょいメモ

なぜ「index.php」なのか?

XAMPPにて「htdocs」内にプロジェクトを作成しアクセスした場合、ブラウザに表示されるファイルは「xampp > apache > conf > httpd.conf」内の「DirectoryIndex」が参照される。
記述されている順番にファイル名が検索され、対象のプロジェクトに同名のファイルがあった場合に参照される(以下一部抜粋)。

DirectoryIndex index.php index.pl index.cgi index.asp index.shtml index.html