Laravel Sail Xdebug gebruiken in PHPStorm

Standaard zit Xdebug al in de installatie van Laravel Sail, dus dat scheelt al weer.
Je moet nog wel even wat stappen zetten om het voor elkaar te krijgen i.c.m. PHPStorm.

.env

Zet het volgende in je .env bestandje:

SAIL_XDEBUG_MODE=debug

Om Xdebug aan te zetten (standaard staat deze uit).
Ververs de configuratie door, php artisan config:clear te draaien.

PHPStorm

Je moet nog wat handelingen doen in PHPStorm om te kunnen X-debuggen.

Server toevoegen

Ga naar file -> settings -> PHP -> Servers Klik op + om een nieuwe server toe te voegen, vul daar de volgende gegevens in en klik daarna op de button OK

Testen of Xdebug goed geconfigureeerd is.

Plak de volgende code in je route bestandje:

Route::get('/test-xdebug', function () { 
    xdebug_info(); 
});

Start je Laravel project, open het project in je browser en ga naar /test-xdebug

Zorg ervoor dat deze instellingen ook zo staan:

Browser extensie

Installer een Xdebug browser extensie

• Firefox: https://addons.mozilla.org/en-US/firefox/addon/xdebug-helper-for-firefox/
• Chrome: https://chromewebstore.google.com/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc?pli=1

Testen of Xdebug werkt.

Maak de volgde test route aan in je code en bezoek deze pagina nu in je browser.

Route::get('/test-xdebug', function () { 
    
    $x = 0;
    $y = 1;
    
    return 'test';

});

Zet de Xdebug functie aan in je browser extensie. Onderstaande screenshot is de extensie van Firefox.

Zet nu een breakpoint in PHPStorm, door op een lijnnummer te klikken.

Start Xdebug in PHPStorm

Ga weer naar je internetbrowser en ververs de pagina.
Als het goed is verschijnt nu een scherm in PHPStorm zoals: