Xdebug Phpstorm Chrome

broken image


  1. Xdebug Download
  2. Xdebug Phpstorm Chrome Web

Setup - xdebug phpstorm chrome. PHP remote debugging: XDebug can't connect to JetBrains php Storm client (2) i's like to get remote debugging to work with the following software configuration: Win 7 Pro 64bit WAMP Server 2.2 (32bit) incl. Apache 2.2.22, PHP 5.4.3, XDebug phpxdebug-2.2.1-5.4-vc9.dll JetBrains PHPStorm 4.0.3. Change Dockerfile. Comment Xdebug 3 setting lines adn uncomment Xdebug 2 setting lines. Start again from point 3. ###PhpStorm doesn't see connection. Restart terminal. Check Xdebug in PhpStorm Setting. Disable a firewall and check again. If work, enable the firewall again, and add a rule to allow connection PhpStorm in your. The following video describes how to debug PHP applications using PHP Xdebug extension and PHPStorm.The video describes this on Windows Xampp installation, b.

Table of Contents

Debug Magento 2: Introduction

Xdebug Phpstorm Chrome

Debugging is critical in the development process of any system. Some developers like to log things out, some like to print it right on the screen, but most prefer run-time debugging. Predictably, correctly debug your application will save you tons of time and effort. To debug Magento 2 code, you can use either XDebug or Zend Debug. In this article together we will try to install and config Xdebug, since it is more popular and easier to use. Also note that the IDE we use in this article is PhpStorm.

Ready? Let's start with the most important thing: Install XDebug.

Install XDebug

From now on we assume you have your web server running Ubuntu locally on /var/www/html/. First you have to put a file named info.php there, with the content:

phpinfo();

Xdebug wizard php 5.6

?>

Then go to 127.0.0.1/info.php, the following screen should display:

Now to install xdebug, open terminal and type in the following command:

sudo apt-get install php5-xdebug

Here you have your Xdebug installed. However we need to add some config script to setup Xdebug locally. Go check your info.php again, look for this line where you can get the php.ini file location

Go there and paste the following code into the end of the file

zend_extension='/usr/lib/php5/20131226/xdebug.so'

Xdebug Download

Download

xdebug.remote_enable=1

xdebug.remote_handler=dbgp

xdebug.remote_mode=req

xdebug.remote_host=localhost

xdebug.remote_port=9000

xdebug.max_nesting_level=300

xdebug.ide_key='PHPSTORM'

Xdebug Phpstorm Chrome

xdebug.remote_connect_back=1

One thing worth mentioning is the zend_extension variable. The number might change depending on your machine. If you are running on php 7 then it would be /usr/lib/php7/20131226/xdebug.so

You will need to restart apache to apply the changes:

Xdebug Phpstorm Chrome Web

Sudo service apache2 restart

Now take a look again at phpinfo, if you can see this part then it is configured correctly

Chrome

Debugging is critical in the development process of any system. Some developers like to log things out, some like to print it right on the screen, but most prefer run-time debugging. Predictably, correctly debug your application will save you tons of time and effort. To debug Magento 2 code, you can use either XDebug or Zend Debug. In this article together we will try to install and config Xdebug, since it is more popular and easier to use. Also note that the IDE we use in this article is PhpStorm.

Ready? Let's start with the most important thing: Install XDebug.

Install XDebug

From now on we assume you have your web server running Ubuntu locally on /var/www/html/. First you have to put a file named info.php there, with the content:

phpinfo();

?>

Then go to 127.0.0.1/info.php, the following screen should display:

Now to install xdebug, open terminal and type in the following command:

sudo apt-get install php5-xdebug

Here you have your Xdebug installed. However we need to add some config script to setup Xdebug locally. Go check your info.php again, look for this line where you can get the php.ini file location

Go there and paste the following code into the end of the file

zend_extension='/usr/lib/php5/20131226/xdebug.so'

Xdebug Download

xdebug.remote_enable=1

xdebug.remote_handler=dbgp

xdebug.remote_mode=req

xdebug.remote_host=localhost

xdebug.remote_port=9000

xdebug.max_nesting_level=300

xdebug.ide_key='PHPSTORM'

xdebug.remote_connect_back=1

One thing worth mentioning is the zend_extension variable. The number might change depending on your machine. If you are running on php 7 then it would be /usr/lib/php7/20131226/xdebug.so

You will need to restart apache to apply the changes:

Xdebug Phpstorm Chrome Web

Sudo service apache2 restart

Now take a look again at phpinfo, if you can see this part then it is configured correctly

Setup XDebug with PhpStorm

In order to use Xdebug to debug Magento 2, you have to setup it with your IDE (in our case it is PhpStorm). In PhpStorm windows, you need to go to File -> Settings -> Languages & Frameworks -> PHP and set the CLI interpreter

Then go to Servers and set up a debug server. Additionally, you can set up several ones if you want.

Save the config, then go to Run -> Debug Configuration and add a PHP Web Application debug config.

Then look at the upper right corner, you will see the debug listener is now clickable. It means your PhpStorm is ready to listen to debug signals

Now there are two ways that you can get started with debugging, first way is clicking on the green bug, then a new browser page will load up and you can start your debugging from that point

Alternatively, you can install xdebug helper extensions for browsers, Chrome and Firefox, so that it can send debugging signal out to PhpStorm to catch it.

With Chrome: Xdebug helper

With Firefox: The easiest Xdebug

Have you finished all these setup with ease? Great job! In the second part we will discuss more about how to debug Magento 2 code effectively with Xdebug and PhpStorm. See you soon!





broken image