目次
はじめに
VSCode + Google ChromeでDrupalのPHPをデバックする方法について紹介します。
ローカル環境でのデバッグを想定しています。
関連記事
環境
バージョン | |
---|---|
Xdebug | v2.7.0 |
PHP | 7.3.15 |
macOS Catalina | 10.15.7 |
Acquia Dev Desktop | 2 |
ブラウザ:Google Chrome
手順
1. Xdebugをインストール(割愛)
2. VSCodeの拡張機能PHP Debugをインストール
3. デバック構成を生成
VSCodeのデバック構成ファイルlaunch.json
ファイルを作成します。実行とデバッグ > 「launch.jsonファイルを作成します」 > PHP
をクリック
4. php.iniを編集
php.iniに以下の内容を記述します。
zend_extension="/PATH/TO/xdebug.so"
xdebug.remote_enable=1
5. Google Chromeの拡張機能Xdebug helperをインストールします。
動作確認
1. 適当にブレークポイントを設置
この時、実行とデバッグ > ブレークポイント
のEverything
のチェックを外します。(下の画像の左下)
2. デバッガを起動します。
実行ボタンを(下の画像の緑の▶︎)クリックするとデバッガが起動してコントローラが表示されます。
3. ブラウザでXdebug helperを起動
Xdebug helper > Debug
をクリックします。
起動中は虫マークが緑色になります。
4. ブラウザで操作
ブレークポイントをおいたコードが実行されるようにブラウザでDrupalを操作します。
処理がブレークポイントに達すると以下の画像のように処理が停止して、変数の内容などを確認できます。
参考
- 閲覧数 1330
画像
![PHPDebugインストール](/sites/default/files/2021-05/PHPDebug%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB.png)
![デバッガ起動](/sites/default/files/2021-05/%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%83%83%E3%82%AB%E3%82%99%E8%B5%B7%E5%8B%95.png)
![デバッグ 完了](/sites/default/files/2021-05/%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%83%83%E3%82%AF%E3%82%99%E5%AE%8C%E4%BA%86.png)
![デバッグ 構成ファイル生成](/sites/default/files/2021-05/%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%83%83%E3%82%AF%E3%82%99%E6%A7%8B%E6%88%90%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E7%94%9F%E6%88%90.png)
![ブラウザのデバッガ](/sites/default/files/2021-05/%E3%83%95%E3%82%99%E3%83%A9%E3%82%A6%E3%82%B5%E3%82%99%E3%81%AE%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%83%83%E3%82%AB%E3%82%99.png)
![ブレークポイント設置](/sites/default/files/2021-05/%E3%83%95%E3%82%99%E3%83%AC%E3%83%BC%E3%82%AF%E3%83%9B%E3%82%9A%E3%82%A4%E3%83%B3%E3%83%88%E8%A8%AD%E7%BD%AE.png)
![変数とか見れる](/sites/default/files/2021-05/%E5%A4%89%E6%95%B0%E3%81%A8%E3%81%8B%E8%A6%8B%E3%82%8C%E3%82%8B.png)
コメントを追加