#Xdebug
PHP のデバッグツールである Xdebug にはリモートデバッグという機能があります。リモートデバッグ (Remote Debugging) とは、実行中の PHP とは別の場所にデバッグを制御するものが存在する方式です。
Xdebugのリモートデバッグを使用すると、データ構造を解釈することができます。Xdebugの拡張モジュールでは、PHPスクリプトのデバッグおよびプロファイリング機能を提供します。また、Xdebugは、PHP 5.4、5.5、5.6、7.0、7.1、7.2、および7.3をサポートしています。
print_r() やvar_dump() などの組み込み(ビルトイン)関数、またはログファイルを使用してPHPコーディングをデバッグできますが、開発中に速度が低下します。しかし、Magento2 + xdebugを使用することで開発中の速度が向上し、楽になります

#Xdebugの設定
##前提条件
Preconditions
1.Magento2+Vagrant環境構築済み。
※ Magento2+Vagrant 環境がまだできていない場合は、このチュートリアル magento2：magento2：開発環境構築 Vagrant
2. PHPバージョン7.1以上。
3. PHPSTORMインストール済み。

##Xdebugのインストール（vagrant中）

vagrant中

sudo pecl install xdebug

サーバー側では、次のoutputが得られました。

vagrant中

Build process completed successfully
Installing '/usr/lib/php/20151012/xdebug.so'
install ok: channel://pecl.php.net/xdebug-2.6.1
configuration option "php_ini" is not set to php.ini location
You should add "zend_extension=/usr/lib/php/20151012/xdebug.so" to php.ini

次に、php.ini構成ファイルを編集して、xdebugモジュールを有効にする必要があります。
/etc/php/7.1/fpm/php.ini または /etc/php/7.1/fpm/conf.d/20-xdebug.ini

vagrant中

sudo vim /etc/php/7.1/fpm/php.ini

/etc/php/7.1/fpm/php.ini

zend_extension=/usr/lib/php/20151012/xdebug.so
xdebug.remote_host=192.168.33.10
xdebug.remote_enable=1
xdebug.remote_port=9900
xdebug.idekey="PHPSTORM"
xdebug.remote_log="/tmp/xdebug.log"

xdebug.remote_host：特定のドメインまたはIPアドレスに設定できます。この場合は192.168.33.10 に設定します（私のvagrantプライベートネットワークIP）。
xdebug.remote_port：デフォルトで特定のポート9000に設定できます。
xdebug.idekey： PHPSTORM IDを使用しているためPHPSTORMに設定しました。
xdebug.remote_log：すべてのリモートデバッガー通信が記録されるファイル名として使用されます。

設定が終わった後、Webサーバーを再起動します。
Apacheの場合

vagrant中

sudo /etc/init.d/apache2 restart

Nginxの場合

vagrant中

sudo /etc/init.d/nginx restart

xdebugが正常に有効化されるかどうかを確認するために、phpinfo() を[magento-folder]/pub/index.phpに追加します。私の場合、それは/var/www/html/pub/index.phpでした。このようなoutputが得られるはずです。

##XDebugクライアントの構成

私の場合、PHPStorm IDEAを構成します。phpstormでプロジェクトを開きます。
php.iniで設定したとおりにxdebug.remote_portのポートを設定します。

phpstorm

PHPSTORM -> Preference -> Languages & Frameworks -> PHP -> Debug

###PHPstorm 構成

Deployment （デプロイ）構成

phpstorm

phpstorm -> Preference -> Build, Execution, Deployment -> Deployment

[+]アイコンをクリックして、新しいリモートサーバーを追加します。

host 特定のドメインまたはIPアドレスに設定できます。
usernameリモートサーバーのユーザー名です。vagrantを使用しているため、ユーザー名はvagrantになります。
password リモートサーバーのパスワードです。vagrantを使用しているため、パスワードはvagrant になります。
root path vagrant Magentoフォルダーの絶対場所/var/www/html/に設定します。

サーバー構成

phpstorm

PHPSTORM -> Preference -> Languages & Frameworks -> PHP -> Servers

[+]アイコンをクリックして新しいサーバーを追加します。

host 特定のドメインまたはIPアドレスに設定できます。
Use path mapping チェックボックスにチェックを入れます。
under project files vagrant Magentoフォルダーの絶対場所/var/www/html/に設定します。

Run/debug 構成

phpstorm

PHPSTORM ->Toolbar ->Edit Configurations

[+]アイコンをクリックして、新しいデバッグを追加します。
PHP Remote Debugを選択します。

Server 上の手順で既に作成したサーバーを選択します。
IDE key xdebug.idekeyのphp.ini で設定したとおりにIDE key を設定します

##ブラウザ構成

xdebug chrome拡張機能 Xdebug helperをインストールします。
拡張機能をインストール後、IDE keyを設定します。
1. chrome -> toolbar-> xdebug chrome extension icon を右クリック。
2.Phpstormを選択します。xdebug.idekeyのphp.ini で設定したとおりにIDE keyを設定します

3.保存ボタンをクリック
xdebug chrome拡張機能を有効にします。
chrome -> toolbar-> xdebug chrome extension icon を左クリック。

![cheome-Xdebug-helper-enable.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/275433/3e4fc3ed-9106-c5a7-2ed3-3dd674506234.png)

debugをクリックします。

#デバッグの時間！

phpstorm

PHPSTORM -> toolbar

PhpStormツールバーで
を切り替えて受信PHPデバッグ接続の待機を開始するか、メインメニューからRun| PHP デバッグ接続のリッスンを開始を選択します。

2.コードにブレークポイントを設定します。ブレークポイントは、Magentoの pub/index.php に設定したPHPコンテキス内トに設定できます。

3. ブラウザでWebサイトをリフレッシュしたら、自動的にPHPstormにリダイレクトされます。
https://gyazo.com/c11de6afa9e6b666a5ff3ef7b983a37d