In this post, I’m going to go over my short journey to setup my PHP development environment on Windows 10. I will tell you how to setup PHPStorm to debug PHP applications using XDebug and PHP setup over Ubuntu 18.04 LTS on WSL2. I would like to work against the latest version of PHP and compile it myself. At the same time, setting up extensions and compiling PHP itself on windows is not a very straightforward task as far as I know. The plan is to have the development environment run from Linux (WSL2) while the IDE, which is PHPStorm in our scenario execute from Windows. This way I can make use of the “user friendly” parts and beauty of Windows while still running and debugging my code on Ubuntu.
The significant point about WSL2 is that Windows has now switched to full virtualization to run Linux with a good level of integration between the two operating systems. It’s super easy to work with files from both Windows and Linux and it is much quicker than WSL 1. Moreover, Docker is now fully supported making development much easier.
Let me start by telling you how I got here. I’ve been using Ubuntu for the past couple of years. But then I had to move my computer home because of all this WFH stuff. I soon noticed that my accessories and their drivers work nowhere near as smooth as they do on my Mac. After some digging, I finally decided to go back to Windows. Specifically with WSL2 and native Docker support, I thought this would be the perfect time to give them a try. One week in, I’m satisfied with my decision. But this new setup came with its own set of challenges that I’m going to discuss in this post and share my solutions with you.
Before we go any further, it is wise to discuss what my current setup is. I’m running Windows 10 Education build 19041.172. You need a build later than 18917 to enable WSL2. After following a tutorial [like this one] to enable this feature, which includes joining the insider preview program (which is free), you would need to setup something like Ubuntu 18 from the Windows store.
On my Ubuntu on WSL2, I have downloaded and compiled PHP 7.4.4 along with XDebug 2.9.3. On the Windows side, I have installed PHPStorm.
XDebug Remote Debugging
So the idea is to write PHP code in PHPStorm on Windows and run and debug PHP code on Ubuntu over WSL2. To do that, we need to setup remote debugging for XDebug so that PHPStorm can connect to it and set breakpoints, show variable values and step through the code. I’m going to steal this Gif from XDebug website to show you how this is going to work, understanding this architecture helps you with debugging if you run into an issue during this step:
There is also an option to have XDebug identify the IP address of our IDE through the initial HTTP request (xdebug.remote_connect_back) but unfortunately it does not work under our current setup. I did not get into debugging why that does not work. You can take a look at the packets being transmitted in Wireshark and see what goes wrong. I suspect because both of the machines are running on the same network and some weird translations are being performed by WSL2, maybe the Ubuntu sees Windows host packets as if they are coming from 127.0.0.1. So this is what XDebug configuration looks like inside our php.ini file. You will need to modify the zend_extension path to point to your installation of XDebug. You can also uncomment the last line and create the path to the log file if you need to debug this further:
[xdebug] zend_extension="/usr/local/lib/php/extensions/no-debug-non-zts-20190902/xdebug.so" xdebug.remote_enable = 1 xdebug.remote_port = 9000 # xdebug.remote_log=/var/log/xdebug/xdebug.log
Setting Up PHPStorm
First, we configure PHPStorm to use XDebug. Under File>Settings>Languages & Frameworks > PHP:
- We set the CLI Interpreter to use WSL. It will identify our PHP installation and also tell us that Xdebug is available.
- Under Debug, we enable Xdebug and also uncheck the “Pass required config options through command line” under Advanced settings. (This option will pass XDebug configurations through the CLI and override the configurations we have in php.ini)
- Finally, to run our script, we need a Run/Debug configuration. Notice that we set interpreter options to “-dxdebug.remote_host=wsl2.host”. This is where we tell XDebug what our IP address of the Windows host machine is, to get that debug connection back. Keep this detail in mind, we’ll get back to it.
Windows WSL2 IP Address
Notice how we need to give Windows IP address to XDebug so that it can connect back to PHPStorm. The thing with WSL2, at least in its current form is that the IP range will totally change during reboots. Let’s say the IP range of the network of WSL2 is currently in the range of “172.30.0.1″, the next time you reboot the machine, and its gonna happen with a Windows machine, the IP address will be in the range of “172.16.14.1”. So we need a way to identify this IP address after each reboot. Ideally, a dynamic entry in hosts file that will map “wsl2.host” to this IP address. This way, we don’t have to update our PHPStorm configuration with the correct IP address every time.
My solution is to run a .Net Core application after each reboot. This small application will read the new IP address of Windows WSL2 interface and update the hosts file entry accordingly. The source code is available here: https://github.com/silverfoxy/wsl2_host_ip.
Download the release build of this program. Put it under “Program Files”, and create task under Windows Task Scheduler to run this program with elevated privileges (To update the hosts file) after each login and the action is to run a program which points to our executable.
Now this will add an entry to the Windows hosts file named “wsl2.host“. Recall that we used this host name earlier in our PHPStorm configuration that is passed through the command line to XDebug so that it can connect back from WSL2 Linux VM to our Windows host machine.
This way, we can use our setup and develop PHP applications on Windows while debugging them against the latest version of PHP on Linux. You can verify this by setting a breakpoint in PHPStorm and the breakpoint should pause the execution. Yaaaay!!
Using X11 Forwarding (Everything Runs on Linux)
There is also an easier way to do this which I briefly introduce. The idea is to use X11 forwarding, install everything (PHP, XDebug, PHPStorm) on Linux and just use the UI on Windows. This also works well, and was not perceivably slower. It feels like the fonts are rendered slightly pixely, but I’m not sure if this is truly the case or just a bias between Windows and Ubuntu fonts for PHPStorm. But after all this is an easier setup. I used VcXsrv for X11 forwarding on Windows and it works well. You can follow this tutorial for this setup: https://medium.com/swlh/get-wsl2-working-on-windows-10-2ee84ef8ed43
I’m struggling with setting xdebug,
I have installed docker, warden, phpstorm (with x11 forwarding) on wsl 2 (Ubuntu 20.04), I develop for magneto 2, normally warden has it’s explication how to st xdebug (https://docs.warden.dev/configuration/xdebug.html) and it sims that it works, But I’m not able to display any breakpoint… Maybe you have any idea what I can do wrong?
I suggest that you enable XDebug remote logs (https://stackoverflow.com/a/9972315/1821461) and see what is going wrong. Whether you get the connection towards XDebug and its the connect back that fails or what.
I’ve used this config and then it worked
When I try to run the wslw_host_ip.exe, I am getting the error message: “A fatal error occurred. The required library hostfxr.dll could not be found.” And indeed, there is no such DLL in the directory. Is it a third party DLL or it should be a part of this package?
I found that hostfxr.dll is a part of .NET Core, but it depends on the .NET version. So which one we need to run this app?
You have to install .NET Core v3.1
I think your post is a bit confusing since you talk about docker but actually don’t make a configuration for it.
What you did here is configure Phpstorm to use the php interpreter of your Ubuntu
What I believe would be better (it’s what I did actually and it works well):
– Install Docker Desktop
– Install a Debian/any with WSL2
– Add a docker config into this Debian, which contains itself the php/apache/db/any
– Configure Phpstorm to use a docker CLI interpreter (instead of WSL)
It avoid doing the WSL / Windows config part and more importantly each of you docker projects may have different php version than you Debian host.
One more detail you did not mention : you have to enable the PHP WSL and or PHP Docker plugins into Phpstorm to have the ability to add the interpreters.
article is so long
but my configuration is quite simple:
and it works very well
host.docker.internal work in Linux? Or mayne you are on MAC or Windows?
There’s a misstatement here:
“setup remote debugging for XDebug so that PHPStorm can connect to it and set breakpoints”
PHPStorm doesn’t connect to XDebug, XDebug connects to PHPStorm, and you set breakpoints in the code files in PHPStorm whether XDebug is hooked up or not.
Dude, you’re a wizard! I had trouble with your host update script not updating hosts, but setting the host manually to the value of wsl hostname -I did the trick. Thanks!