Come eseguire il debug di AJAX (POST) con PhpStorm e Xdebug?

Question

Ho configurato PhpStorm per eseguire il debug di HTTP GET, ma solo quando carico una pagina direttamente.

Quando voglio eseguire il debug di AJAX, prendo l'URL richiesto dal mio JS e creo una configurazione di PhpStorm per eseguirne il debug.

Non particolarmente elegante, vero?

E, naturalmente, non posso farlo per le richieste POST (o posso?).

Idealmente, vorrei caricare la mia app AngularJs nel browser (Chrome) ed essere in grado di eseguire il breakpoint e il debug del back-end in PhpStorm.

Ho cercato su google un sacco, e trovarono tanto che è venuto vicino, ma non riesco a trovare la risposta :-(

Chi può aiutare?

Answer 1

Sto usando tipo di metodo di incisione per eseguire il debug richieste AJAX ... il mio progetto è laravel è possibile modificare questo codice come compatibile con la tecnologia

idea di base è:

1. Grab home page porta di debug
2. Creare una sessione
3. Utilizzando questa sessione concatenare i URL AJAX

Quando si avvia il debug, verrà applicata la porta per tutti gli URL ajax che hanno + debug_url.

metodo HomeController indice @

// Development purpose only 
if ($request->has('XDEBUG_SESSION_START')) $request->session()->put('debug_port' , $request->get('XDEBUG_SESSION_START')); 

master.blade.php

<script> 
    var debug_url='?XDEBUG_SESSION_START={{session('debug_port')}}'; 
</script> 

submit.blade.php

<script> 
    $.ajax(url + debug_url, { 
    method:'post', 
    data:{} 
    }); 
</script> 

Answer 2

Se Xdebug e PHPStorm sono configurati per eseguire il debug di HTTP GET quando si carica una pagina normalmente, includere semplicemente il parametro GET nell'URL della richiesta AJAX nel proprio Javascript. Ad esempio: http://example.com/script.php?XDEBUG_SESSION_START=PHPSTORM

Attivare Debug in ascolto in PHPStorm, inviare la richiesta AJAX con il nuovo URL e il debugger dovrebbe prenderlo. I dati POST che stai cercando dovrebbero apparire come al solito in $ _POST.