PhpStorm&MAMP環境のデバッグ（Xdebug）の設定方法

Phpstorm＆MAMPP環境でデバッガー（Xdebug）を使えるようにする手順の説明です。

面倒ですけど、デバッガーを設定すると開発がめちゃくちゃ捗りますよ！

デバッグ用にダンプ出力したりしている人は、是非この機会にデバック環境を整えて作業効率をアップしましょう！

僕も面倒でしばらく放置していたのですが、やってみたらとても簡単でした。

下記の手順でセットアップすれば30分くらいで終わるかと思います！

今後の開発効率向上の為にも、Phpstorm＆MAMPP環境で開発している方は、早めに設定する事をおすすめします！

開発環境（前提条件）
Xdebugを有効にする
PhpStormの設定
デバック実行
やはりデバッガーは超便利

開発環境（前提条件）

今回デバッグの設定を行う開発環境は下記のような構成です。

Phpstorm
MAMP
MacOS

この開発環境でのデバッグの設定の解説になります。

Xdebugを有効にする

まずは、Xdebugを有効にします。

XdebugはPHP用のデバッガーです。

MAMPにはXdebugが含まれているので、個別にインストールする必要はないです。

php.iniを編集するだけでXdebugが有効になります。

php.iniの場所がわからない場合

※php.iniの場所がわかる方は読み飛ばして下さい。

MAMPのOpen WebStart pageをクリック。

スタートページからphpInfoをクリック。

そうするとphpinfoのページが開きます。

Loaded Configuration File

にphp.iniの場所が記載されています。

php.iniの編集

xdebugの設定箇所がコメントアウトされているので、コメントを解除します。

[xdebug]
zend_extension="/Applications/MAMP/bin/php/php7.1.8/lib/php/extensions/no-debug-non-zts-20160303/xdebug.so"

1 2	[xdebug] zend_extension="/Applications/MAMP/bin/php/php7.1.8/lib/php/extensions/no-debug-non-zts-20160303/xdebug.so"

そして、その下に下記を追加。

xdebug.remote_enable=on
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.idekey=
xdebug.profiler_enable=1
xdebug.profiler_output_dir=”/Applications/MAMP/tmp/xdebug/”

xdebug.remote_enable=on

xdebug.remote_handler=dbgp

xdebug.remote_mode=req

xdebug.remote_host=localhost

xdebug.remote_port=9000

xdebug.idekey=

xdebug.profiler_enable=1

xdebug.profiler_output_dir=”/Applications/MAMP/tmp/xdebug/”

これで、xdebugの設定は完了です。

サーバーを再起動して、php.iniの修正を反映させましょう。

ちゃんと設定出来ているか確認したい方は、var_dumpしてみましょう。
出力結果が見やすくなっていればxdebugが正常に動いている証拠です！

xdebug無効の時のvar_dump

xdebug有効の時のvar_dump

PhpStormの設定

続いてPhpStorm側の設定です。

メニューから　実行　＞　構成の編集　をクリック。

左上の「＋」をクリックして「PHP Web Application」として新規作成します。

サーバーのリストボックスの隣の「・・・」をクリックしてサーバーを追加します。

右上の「＋」をクリックして新規作成で下記を入力します。

名前：適当でOK。
ホスト：localhost
ポート：ポートの設定をいじっていないならデフォルトは8888。わからなければ、デバッグ対象のURLの「http://localhost:●●●●/」の●●●●を入力すればOK。

登録したら、デバッグ構成に戻り、下記を入力します。

名前：なんでもOK
サーバー：先程登録したサーバーを選択する。
開始　URL：デバックを開始した際に、最初に表示するページ。特に指定なれば「/」。

ここまで出来たら準備は完了です！

デバック実行

ではデバッグ実行して見ましょう。
適当にブレークポイントをはります。

ソースコードの右をクリックするとブレークポイントを貼ることが出来ます。

ツールバーの虫のボタンをクリックしてデバッグを開始します。

ブレークポイント貼ったURLを叩くと、ブレークポイントを貼った行で停止します。

デバッガーで変数の内容を確認出来ます。

ここまで確認出来ればデバッガーのセットアップは完了です！
お疲れ様でした！

やはりデバッガーは超便利

デバッガーがあると、開発がめちゃくちゃ捗ります！
こんなに簡単に設定できるなら早くやっとけばよかったと後悔しました。笑

なにより、ちょっとした手間で開発環境が整備されるのは気持ちが良いですね！

最後までお読み頂きありがとうございました！

良い開発ライフを！

【PhpStorm】phpMyAdminのデバッグを無効にする方法