EC-CUBE4の環境構築続きです。
【EC-CUBE4】①EC-CUBE本体の開発環境を整える（インストール編）
【EC-CUBE4】②EC-CUBE本体の開発環境を整える（GitHub Flow編）
【EC-CUBE4】③EC-CUBE本体の開発環境を整える（MYSQL,MailCatcher編）
【EC-CUBE4】④EC-CUBE本体の開発環境を整える（Postgres,MailCatcher編）

前提条件

Mac
.phpenvでphp7.2.8がインストール済み
EC-CUBE4がローカル環境にインストール済み（【EC-CUBE4】①EC-CUBE本体の開発環境を整える（インストール編）が終わっていること）

方針

webサーバーはビルドインウェブサーバーを利用。

xdebugのモジュールを有効にする

$ php -S localhost:8000
$ php -v
PHP 7.2.8 (cli) (built: Jun 19 2019 14:35:53) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies
    with Zend OPcache v7.2.8, Copyright (c) 1999-2018, by Zend Technologies
    with Xdebug v2.7.1, Copyright (c) 2002-2019, by Derick Rethans
$ php -m
[Zend Modules]

php -mでXdebugのモジュールがなければ、エクステンションを有効にします。

まずは設定を確認します。

$ php --ini
Configuration File (php.ini) Path: /Users/<ユーザー名>/.phpenv/versions/7.2.8/etc
Loaded Configuration File:         /Users/<ユーザー名>/.phpenv/versions/7.2.8/etc/php.ini
Scan for additional .ini files in: /Users/<ユーザー名>/.phpenv/versions/7.2.8/etc/conf.d
Additional .ini files parsed:      /Users/<ユーザー名>/.phpenv/versions/7.2.8/etc/conf.d/xdebug.ini

$ vim /Users/<ユーザー名>/.phpenv/versions/7.2.8/etc/conf.d/xdebug.ini

xdebug.iniに以下を追記します。

[Xdebug]
xdebug.remote_enable=true
xdebug.remote_autostart = On
xdebug.remote_port=9001
xdebug.remote_host=localhost
xdebug.idekey = "PHPSTORM"

サーバーを再起動します。

$ php -S localhost:8000
$ php -m
[Zend Modules]
Xdebug

Xdebugのモジュールが表示されていればOKです。

PhpStormの設定

Preferences

Preferences > Languages & Frameworks > PHP より、CLI Interpreterを設定します。

下図のような感じです。

CLI Interpreterが設定されました。

次に、
Preferences > Languages & Frameworks > PHP > Debug より、Debug portを9001に設定します。

Preferences > Languages & Frameworks > PHP > Servers より、下図のように設定します。

Edit Configurations

Edit Configurationsを設定します。

Run > Edit Configurations より、ServerとIDE keyを設定します。

動作確認

PhpStorm右上の電話マークをオンにしてください。
その後、図のようにソースの左側にブレークポイントを張って、ブラウザで、画面遷移します。
処理が走ると、ブレークポイントで処理が止まります。
下図のようになれば、デバッグが成功しています。

注意点

EC-CUBE４の管理画面からプラグインをインストールする際に、Xdebugが有効になっているとインストールに失敗します。

プラグインをインストールする際は、Xdebugを無効にしてから、インストールするようにしましょう。

次回

【EC-CUBE4】⑥EC-CUBE本体の開発環境を整える（Codeception編）をお送りします。