Phpstorm&MAMPP環境でデバッガー(Xdebug)を使えるようにする手順の説明です。
面倒ですけど、デバッガーを設定すると開発がめちゃくちゃ捗りますよ!
デバッグ用にダンプ出力したりしている人は、是非この機会にデバック環境を整えて作業効率をアップしましょう!
僕も面倒でしばらく放置していたのですが、やってみたらとても簡単でした。
下記の手順でセットアップすれば30分くらいで終わるかと思います!
今後の開発効率向上の為にも、Phpstorm&MAMPP環境で開発している方は、早めに設定する事をおすすめします!
スポンサーリンク
開発環境(前提条件)
今回デバッグの設定を行う開発環境は下記のような構成です。
- Phpstorm
- MAMP
- MacOS
この開発環境でのデバッグの設定の解説になります。
Xdebugを有効にする
まずは、Xdebugを有効にします。
MAMPにはXdebugが含まれているので、個別にインストールする必要はないです。
php.iniを編集するだけでXdebugが有効になります。
php.iniの場所がわからない場合
MAMPのOpen WebStart pageをクリック。
スタートページからphpInfoをクリック。
そうするとphpinfoのページが開きます。
Loaded Configuration File
にphp.iniの場所が記載されています。
php.iniの編集
xdebugの設定箇所がコメントアウトされているので、コメントを解除します。
1 2 |
[xdebug] zend_extension="/Applications/MAMP/bin/php/php7.1.8/lib/php/extensions/no-debug-non-zts-20160303/xdebug.so" |
そして、その下に下記を追加。
1 2 3 4 5 6 7 8 |
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のデバッグを無効にする方法