Xdebug

A Chassis extension to install and configure Xdebug on your Chassis server.

Global Installation

We recommend installing this extension globally to make it available on every Chassis box.

git clone https://github.com/Chassis/Xdebug ~/.chassis/extensions/xdebug

Project Installation

1. Add this extension to your extensions directory git clone [email protected]:Chassis/Xdebug.git extensions/xdebug or alternatively add the following to one of your .yaml files:

   extensions:
     - chassis/xdebug
   

2. Set your config.local.yaml PHP version to 5.6 or higher.
3. Run vagrant provision.
4. By default PHPSTORM is the default IDE. This can be overridden in your any of your .yaml files by adding in: ide: ATOM and replacing ATOM with your IDE of choice. If you do this then please be sure to change your IDE Key in the Xdebug Helper extension mentioned below.
5. By default 9000 is the port for xdebug.remote_port. In some cases you may need to change this, depending on what other services are running on your machine. This can be overridden in your any of your .yaml files by adding in: port: 9001 and replacing 9001 with your port of choice. If you do this then please be sure to change the port your IDE is listening to for DBGP connections.
6. Here's an example .yaml file based on the above configuration:

   ide: ATOM
   port: 9001

7. Run vagrant provision so that the new values are set in your virtual machine.
8. Configure your browser and your IDE, set a breakpoint, and happy debugging!

Browser Setup

In Chrome

1. Install the Xdebug Helper.
2. Go to Settings -> More Tools -> Extensions in Google Chrome.
3. Scroll down to Xdebug helper and click Options.
4. Select your editor in the IDE key dropdown, or select "Other" and enter a custom key if your editor is not listed e.g.
   
   
5. Enable Xdebug Helper. e.g.
   
   

In Firefox

1. Install the Xdebug Helper.
2. Go to Menu > Add Ons > Extensions in Firefox.
3. Scroll to Xdebug helper and click Preferences.
4. Select your editor in the IDE key dropdown, or select "Other" and enter a custom key if your editor is not listed e.g.
   
   
5. Enable Xdebug Helper. e.g.
   
   

Editor Setup

In PHPStorm

6. Go to Preferences -> Languages + Frameworks -> PHP -> Servers and add a mapping for your website.

• File/Directory should be set to chassis folder (i.e. where the Vagrantfile is in).
• Absolute path on the server should be set to /vagrant or if you are using paths this will be /chassis. e.g.
  
  

7. Enable Start Listening for PHP Debug Connections e.g.
   
   
8. Set a breakpoint in PhpStorm, refresh the page you with to debug in the browser, and start debugging!

VS Code

6. Go to the VS Code Extensions manager (or enter "Install Extensions" in the command palette) and install & activate the PHP Debug extension.
7. Go to the Debug tab in the sidebar and click the small gear icon at the top of the left column; select "PHP" from the menu that will pop up to auto-create a launch.json PHP debugging configuration file in your project
   
8. Add a "pathMappings" key to the "Listen for Xdebug" launch configuration to map the ${workspaceFolder} to the /vagrant or /chassis (if you are using paths) directory within the virtual machine e.g.
   
9. Click Start Debugging in the left column of the Debug tab e.g.
   
10. Set a breakpoint in VS Code, refresh the page you with to debug in the browser, and start debugging!

Eclipse

6. Go to Preferences -> PHP -> Debug -> Debuggers
7. Add Xdebug in the Supported PHP Debuggers section.
8. Change your settings to the following

Xdebug Profiling

If you'd like to enable Xdebug Profiling you can do so by doing either of the following:

1. Append ?XDEBUG_PROFILE=1 to a URL you'd like to profile.
2. Add 1 to the Xdebug Helper .
3. The profiling logs will be save on your Chassis VM under /tmp. You'll need to vagrant ssh then cd /tmp to view them.

Troubleshooting

If you're having issues with XDebug not working then there is a chance that port 9000 is being used by some other software on your computer. To work around this change the port number to another value. e.g. 9001 and run vagrant provision.

When using VS Code specifically, if the debug session immediately stops after clicking the "run" button next to your "Listen for XDebug" task you should try fully uninstalling and then reinstalling the PHP Debug extension.