Problem

Für das Debugging von PHP Webanwendungen wird eine PHP Debuggingumgebung benötigt.

Ansatz

Die kostenlose Anwendung WAMPSERVER (hier v.3.0.0) wird mit „Eclipse for PHP Developers“ (MARS.2) konfiguriert, um das Debugging zu ermöglichen.

Vorgehensweise

• Download von Wampserver unter http://www.wampserver.de
• Installation als Administrator (rechte Maustaste „als Administrator ausführen“)
  • z.B. in c:\dev\wamp
• Download von „Eclipse for PHP Developers“ unter http://www.eclipse.org
• Entpacken von „Eclipse for PHP Developers“ in ein gewünschtes Verzeichnis

Lösung

Nachdem der Wampserver gestartet wurde und unter der URL http://localhost erreichbar ist, kann bereits mit der Konfiguration von Eclipse begonnen werden.

1. Eclipse starten
2. Workspace direkt im WWW root auswählen (bspw. bei Installation in c:\dev\wamp)
   
3. Mit OK bestätigen
4. Im Menü „Window -> Preferences“ wählen
   
5. PHP Executable hinzufügen
   
6. PHP Executable angeben
7. Unten auf den Button „Next->“ klicken (nicht im Screenshot da Edit-Dialog)
8. Debugger angeben -> XDebug auswählen!
9. Mit okay bestätigen
10. Einstellungen unter Menu->Preferences->Debug überprüfen (ist der angelegte Debugger aktiviert?).
11. Web Browser angeben (ich empfehle Google Chrome)
12. Neues PHP Projekt anlegen
    
13. Folgende Einstellungen tätigen
14. Rechtklick auf das neu angelegte Projekt -> New -> PHP File
15. Die Datei beispielsweise index.php benennen
16. Test-Sourcecode in index.php einfügen

    <?php
    	$i=0;
    	$i++;
    	$i=$i+1;
    	print $i;
    ?>
    

17. Breakpoint setzen (Doppelklick links neben die Zeile)
    
18. Debug Configuration für die Website anlegen (rechts neben die Debug Wanze klicken -> Debug Configurations)
    
19. Debug Configurations -> PHP Web Application -> index -> Server
    Die Startdatei /Bier.de/index.php entspricht auch dem Aufruf über http://localhost/Bier.de/index.php, da wir den Workspace im c:\dev\wamp\www-rootverzeichnis angelegt haben.
20. Debug Configurations -> PHP Web Application -> index -> Debugger
    
    Wenn „Break at First Line“ ausgewählt ist, hält der Debugger automatisch bei der ersten Zeile an. Dies ist nicht immer gewünscht!
21. Debug Button klicken
22. Bestätigen dass auf die PHP Debug Perspektive gewechselt wird
23. Für das Javascript-Debugging Empfehle ich dringend den ausgereiften Chrome Javascript Debugger zu verwenden. Dieser lässt sich in Chrome folgendermaßen starten:
    
24. Hier kann man Breakpoints setzen und den Objektbaum jederzeit einsehen: