DokumentationCommerceHandbuch zu Commerce mit Cloud Infrastructure

Xdebug konfigurieren

Last update: Wed Nov 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Admin
  • Entwickler

Xdebug ist eine Erweiterung zum Debuggen von PHP. Obwohl Sie eine IDE Ihrer Wahl verwenden können, wird im Folgenden beschrieben, wie Sie Xdebug und PhpStorm zum Debugging in Ihrer lokalen Umgebung konfigurieren.

NOTE
Sie können Xdebug so konfigurieren, dass es in der Cloud-Docker-Umgebung für lokales Debugging ausgeführt wird, ohne die Konfiguration des Adobe Commerce-Projekts in der Cloud-Infrastruktur zu ändern. Siehe Xdebug für Docker konfigurieren.

Um Xdebug zu aktivieren, müssen Sie eine Datei in Ihrem Git-Repository konfigurieren, Ihre IDE konfigurieren und die Anschlussweiterleitung einrichten. Sie können einige Einstellungen in der Datei magento.app.yaml konfigurieren. Push nach der Bearbeitung die Git-Änderungen über alle Starter-Umgebungen und Pro-Integrationsumgebungen hinweg, um Xdebug zu aktivieren. Xdebug ist bereits in Pro Staging- und Produktionsumgebungen verfügbar.

Nach der Konfiguration können Sie CLI-Befehle, Webanfragen und Code debuggen. Beachten Sie, dass alle Cloud-Infrastrukturumgebungen schreibgeschützt sind. Klonen Sie den Code in Ihrer lokalen Entwicklungsumgebung, um das Debugging durchzuführen. Informationen zu Pro-Staging- und Produktionsumgebungen finden Sie unter zusätzliche Anweisungen für Xdebug.

Voraussetzungen

Um Xdebug auszuführen und zu verwenden, benötigen Sie die SSH-URL für die Umgebung. Sie können die Informationen über die Cloud Console oder Ihre Cloud Onboarding UI finden.

Xdebug konfigurieren

Gehen Sie wie folgt vor, um Xdebug zu konfigurieren:

Erste Schritte mit einer Verzweigung

Um Xdebug hinzuzufügen, empfiehlt Adobe, in einer Entwicklungsverzweigung zu arbeiten.

Aktivieren Sie Xdebug in Ihrer Umgebung

Sie können Xdebug direkt für alle Starter-Umgebungen und Pro-Integrationsumgebungen aktivieren. Dieser Konfigurationsschritt ist nicht für Pro Production- und Staging-Umgebungen erforderlich. Siehe Debuggen für Pro Staging und Produktion.

video poster

https://video.tv.adobe.com/v/3437407?learn=on

Um Xdebug für Ihr Projekt zu aktivieren, fügen Sie xdebug zum Abschnitt runtime:extensions der Datei .magento.app.yaml hinzu.

So aktivieren Sie Xdebug:

  1. Öffnen Sie in Ihrem lokalen Terminal die Datei .magento.app.yaml in einem Texteditor.

  2. Fügen Sie im Abschnitt runtime unter extensions den Wert xdebug hinzu. Beispiel:

    code language-yaml 
    runtime:
    extensions:
        - redis
        - xsl
        - newrelic
        - sodium
        - xdebug

  3. Speichern Sie Ihre Änderungen in der Datei .magento.app.yaml und beenden Sie den Texteditor.

  4. Fügen Sie die Änderungen hinzu, übertragen und pushen Sie sie, um sie erneut bereitzustellen.

    code language-bash 
    git add .magento.app.yaml
    code language-bash 
    git commit -m "add xdebug"
    code language-bash 
    git push origin <environment-ID>

Bei der Bereitstellung in Starter-Umgebungen und Pro-Integrationsumgebungen ist Xdebug jetzt verfügbar. Fahren Sie mit der Konfiguration Ihrer IDE fort. Informationen zu PHPStorm finden Sie unter PHPStorm konfigurieren.

Konfigurieren des PHPStorm-Servers

video poster

https://video.tv.adobe.com/v/3437409?learn=on

Die IDE PhpStorm muss so konfiguriert sein, dass sie mit Xdebug ordnungsgemäß funktioniert.

So konfigurieren Sie PhpStorm für die Verwendung mit Xdebug:

  1. Öffnen Sie in Ihrem PhpStorm-Projekt das Bedienfeld Einstellungen .

    • macOS - Wählen Sie PHPStorm > Einstellungen.
    • Windows/Linux - Wählen Sie Datei > Einstellungen aus.

  2. Erweitern Sie im Bedienfeld Einstellungen den Abschnitt PHP und klicken Sie auf Server.

  3. Klicken Sie auf + , um eine Serverkonfiguration hinzuzufügen. Oben ist der Projektname grau.

  4. [Optional] Konfigurieren Sie die folgenden Einstellungen für die neue Serverkonfiguration. Siehe Kein Debug-Server konfiguriert in der Dokumentation zu PHPStorm .

    • Name: Geben Sie denselben Namen wie der Hostname ein. Dieser Wert muss mit dem Wert für die Variable PHP_IDE_CONFIG in den CLI-Befehlen debuggen übereinstimmen, damit CLI zum Debugging verwendet werden kann.
    • Host: Geben Sie den Hostnamen ein.
    • Port—Geben Sie 443 ein.
    • Debugger - Wählen Sie Xdebug aus.

  5. Wählen Sie Pfadzuordnungen verwenden aus. Im Bereich Datei/Verzeichnis wird der Stamm des Projekts für die serverName angezeigt.

  6. Klicken Sie in der Spalte Absoluter Pfad auf dem Server auf das Symbol Bearbeiten und fügen Sie eine Einstellung hinzu, die auf der Umgebung basiert.

    • Für alle Starter-Umgebungen und Pro-Integrationsumgebungen lautet der Remote-Pfad /app.

    • Für Staging- und Produktionsumgebungen:

      • Produktion: /app/<project_code>/
      • Staging: /app/<project_code>_stg/

  7. Ändern Sie den Port Xdebug in 9000,9003 oder beschränken Sie ihn auf nur 9000 im Bedienfeld PHP > Debug > Xdebug > Debug Port .

  8. Klicken Sie auf Anwenden.

Erstellen der PHPStorm-Run-/Debug-Konfiguration

Dadurch kann das Programm über die korrekten Debug-Einstellungen verfügen, um die Anforderung aus der Adobe Commerce-Anwendung zu verarbeiten.

video poster

https://video.tv.adobe.com/v/3437426?learn=on

  1. Öffnen Sie die PHPStorm-Anwendung und klicken Sie oben rechts im Bildschirm auf "Add Configuration".

  2. Klicken Sie auf Add new run configuration.

  3. Wählen Sie die Option PHP Remote Debug aus.

    • Geben Sie einen eindeutigen, aber erkennbaren Namen ein.
    • Aktivieren Sie das Kontrollkästchen Filter debug connection by IDE key**.
    • Wählen Sie den Server aus, den Sie im vorherigen Abschnitt 1} erstellt haben.Wenn Sie sie noch nicht erstellt haben, können Sie sie jetzt erstellen. Weitere Informationen finden Sie in diesem Abschnitt des Einrichtungshandbuchs.
    • Geben Sie im Textfeld IDE key(session id) den Wert PHPSTORM in Großbuchstaben ein. Wir werden dies in anderen Teilen des Setups verwenden. Daher ist es wichtig, dies gleich zu halten. Wenn Sie eine andere Zeichenfolge auswählen, müssen Sie daran denken, sie an einer anderen Stelle im Einrichtungs- und Konfigurationsprozess zu verwenden.

  4. Klicken Sie auf Apply > OK.

Einrichten der Anschlussweiterleitung

video poster

https://video.tv.adobe.com/v/3437410?learn=on

Ordnen Sie die XDEBUG -Verbindung vom Server Ihrem lokalen System zu. Für jede Art von Debugging müssen Sie Port 9000 von Ihrem Adobe Commerce auf dem Cloud-Infrastrukturserver an Ihren lokalen Computer weiterleiten. Siehe einen der folgenden Abschnitte:

Anschlussweiterleitung auf Mac oder UNIX®

So richten Sie die Anschlussweiterleitung auf einem Mac oder in einer UNIX®-Umgebung ein:

  1. Öffnen Sie ein Terminal.

  2. Verwenden Sie SSH, um die Verbindung herzustellen.

    code language-bash 
    ssh -R 9000:localhost:9000 <ssh url>

    Verwenden Sie die Option -v (verbose), damit ein Socket immer dann im Terminal angezeigt wird, wenn er mit dem weitergeleiteten Port verbunden ist.

    Wenn der Fehler "Verbindung nicht möglich"oder "Anschluss auf Remote-Server konnte nicht überwacht werden"angezeigt wird, kann es zu einer weiteren aktiven SSH-Sitzung kommen, die auf dem Server, der Port 9000 belegt, fortbesteht. Wenn diese Verbindung nicht verwendet wird, können Sie sie beenden.

Fehlerbehebung bei der Verbindung:

  1. Verwenden Sie SSH, um sich bei der Remote-Integration, Staging- oder Produktionsumgebung anzumelden.

  2. Anzeigen einer Liste von SSH-Sitzungen: who

  3. Vorhandene SSH-Sitzungen nach Benutzer anzeigen. Achten Sie darauf, einen anderen Benutzer als Sie nicht zu beeinträchtigen!

    • integration: Benutzernamen ähneln dd2q5ct7mhgus
    • Staging: Benutzernamen ähneln dd2q5ct7mhgus_stg
    • Produktion: Benutzernamen ähneln dd2q5ct7mhgus

  4. Für eine Benutzersitzung, die älter als Ihre ist, suchen Sie den Pseudo-Terminal-Wert (PTS), z. B. pts/0.

  5. Beenden Sie die Prozess-ID (PID), die dem PTS-Wert entspricht.

    code language-bash 
    ps aux | grep ssh
kill <PID>

    Beispielantwort:

    code language-none 
    dd2q5ct7mhgus        5504  0.0  0.0  82612  3664 ?      S    18:45   0:00 sshd: dd2q5ct7mhgus@pts/0

    Um die Verbindung zu beenden, geben Sie einen Befehl zum Abbrechen mit der Prozess-ID (PID) ein.

    code language-bash 
    kill 3664

Anschlussweiterleitung unter Windows

Um die Anschlussweiterleitung (SSH-Tunnel) unter Windows einzurichten, müssen Sie Ihre Windows Terminal-Anwendung konfigurieren. In diesem Beispiel wird die Erstellung eines SSH-Tunnels mit Putty beschrieben. Sie können andere Anwendungen wie Cygwin verwenden. Weitere Informationen zu anderen Anwendungen finden Sie in der Dokumentation des Anbieters, die mit diesen Anwendungen bereitgestellt wird.

So richten Sie einen SSH-Tunnel unter Windows mithilfe von Putty ein:

  1. Falls noch nicht geschehen, laden Sie Putty herunter.

  2. Starten Sie Putty.

  3. Klicken Sie im Bereich Kategorie auf Sitzung.

  4. Geben Sie die folgenden Informationen ein:

    • Feld Hostname (oder IP-Adresse): Geben Sie die SSH-URL für Ihren Cloud-Server ein.
    • Feld Port: Eingabe 22

    Einrichten von Putty

  5. Klicken Sie im Bereich Kategorie auf Verbindung > SSH > Tunnel.

  6. Geben Sie die folgenden Informationen ein:

    • Feld Source-Port: Geben Sie 9000 ein.
    • Feld Ziel: Eingabe 127.0.0.1:9000
    • Klicken Sie auf Remote

  7. Klicken Sie auf Hinzufügen.

    Erstellen eines SSH-Tunnels in Putty

  8. Klicken Sie im Bereich Kategorie auf Sitzung.

  9. Geben Sie im Feld Gespeicherte Sitzungen einen Namen für diesen SSH-Tunnel ein.

  10. Klicken Sie auf Speichern.

    Speichern Sie Ihren SSH-Tunnel

  11. Um den SSH-Tunnel zu testen, klicken Sie auf laden und dann auf Öffnen.

    Wenn der Fehler "Verbindung nicht möglich"angezeigt wird, überprüfen Sie Folgendes:

    • Alle Pfadeinstellungen sind korrekt
    • Sie führen Putty auf dem Computer aus, auf dem sich Ihre privaten Adobe Commerce-SSH-Schlüssel in der Cloud-Infrastruktur befinden

SSH-Zugriff auf Xdebug-Umgebungen

Zum Initiieren des Debuggens, zum Ausführen des Setups und mehr benötigen Sie die SSH-Befehle für den Zugriff auf die Umgebungen. Sie können diese Informationen über die Cloud Console und Ihre Projekttabelle abrufen.

In Starter-Umgebungen und Pro-Integrationsumgebungen können Sie den folgenden magento-cloud CLI-Befehl für SSH in diesen Umgebungen verwenden:

magento-cloud environment:ssh --pipe -e <environment-ID>

Um Xdebug zu verwenden, verwenden Sie SSH wie folgt in der Umgebung:

ssh -R <xdebug listen port>:<host>:<xdebug listen port> <SSH-URL>

Beispiel:

ssh -R 9000:localhost:9000 pwga8A0bhuk7o-mybranch@ssh.us.magentosite.cloud

Debug für Pro Staging und Produktion

NOTE
In Pro-Staging- und Produktionsumgebungen ist Xdebug immer verfügbar, da diese Umgebungen über eine spezielle Einrichtung für Xdebug verfügen. Alle normalen Webanfragen werden an einen dedizierten PHP-Prozess weitergeleitet, der nicht über Xdebug verfügt. Daher werden diese Anforderungen normal verarbeitet und unterliegen beim Laden von Xdebug nicht der Leistungsbeeinträchtigung. Wenn eine Webanfrage gesendet wird, die den Schlüssel Xdebug enthält, wird sie an einen separaten PHP-Prozess weitergeleitet, in dem Xdebug geladen ist.

Um Xdebug speziell in der Staging- und Produktionsumgebung von Pro Plan zu verwenden, erstellen Sie einen separaten SSH-Tunnel und eine Websitzung, auf die Sie nur Zugriff haben. Diese Nutzung unterscheidet sich von dem typischen Zugriff, der nur Ihnen und nicht allen Benutzern Zugriff gewährt.

Sie benötigen Folgendes:

  • SSH-Befehle für den Zugriff auf die Umgebungen. Sie können diese Informationen über die Cloud Console oder Ihre Cloud Onboarding UI erhalten.

  • Der bei der Konfiguration der Staging- und Pro-Umgebungen festgelegte xdebug_key -Wert.

    Der xdebug_key-Wert kann mithilfe von SSH gefunden werden, um sich beim primären Knoten anzumelden und auszuführen:

    code language-bash 
    cat /etc/platform/*/nginx.conf | grep xdebug.sock | head -n1

So richten Sie einen SSH-Tunnel zu einer Staging- oder Produktionsumgebung ein:

  1. Öffnen Sie ein Terminal.

  2. Bereinigen Sie alle SSH-Sitzungen für jeden Webknoten des Clusters.

    code language-bash 
    ssh USERNAME@CLUSTER.ent.magento.cloud 'rm /run/platform/USERNAME/xdebug.sock'

  3. Richten Sie den SSH-Tunnel für Xdebug für jeden Webknoten des Clusters ein.

    code language-bash 
    ssh -R /run/platform/USERNAME/xdebug.sock:localhost:9000 -N USERNAME@CLUSTER.ent.magento.cloud
NOTE
So erhalten Sie den richtigen Wert für USERNAME@CLUSTER.ent.magento.cloud:
  • Methode 1: magento-cloud-CLI: magento-cloud ssh --all
  • Methode 2: Commerce Console: https://CONSOLE-URL/ENVIRONMENT, klicken Sie auf das Dropdown-Menü SSH v

Starten des Debuggens mithilfe der Umgebungs-URL:

Dies ist eine Demonstration der verwendeten Konfigurationen sowie eine Demonstration des GET-Parameters zum Starten einer Remote-Debugging-Sitzung.

video poster

https://video.tv.adobe.com/v/3437417?learn=on

  1. Aktivieren Sie das Remote-Debugging. Besuchen Sie die Site im Browser und hängen Sie Folgendes an die URL an, wobei KEY für xdebug_key steht.

    code language-http 
    ?XDEBUG_SESSION_START=KEY

    In diesem Schritt wird das Cookie gesetzt, das Browseranforderungen an Trigger Xdebug sendet.

  2. Schließen Sie das Debugging mit Xdebug ab.

  3. Wenn Sie bereit sind, die Sitzung zu beenden, verwenden Sie den folgenden Befehl, um das Cookie zu entfernen und das Debugging über den Browser zu beenden, in dem KEY für xdebug_key Wert ist.

    code language-http 
    ?XDEBUG_SESSION_STOP=KEY
    note note
    NOTE
    Die XDEBUG_SESSION_START, die von POST -Anforderungen übergeben werden, werden nicht unterstützt.

CLI-Befehle debuggen

Dieser Abschnitt erläutert das Debugging von CLI-Befehlen.

Debugging von CLI-Befehlen:

  1. SSH in den Server, den Sie mit CLI-Befehlen debuggen möchten.

  2. Erstellen Sie die folgenden Umgebungsvariablen:

    code language-bash 
    export XDEBUG_CONFIG='PHPSTORM'
    code language-bash 
    export PHP_IDE_CONFIG="serverName=<name of the server that is configured in PHPSTORM>"

    Diese Variablen werden entfernt, wenn die SSH-Sitzung beendet wird.

  3. Debugging beginnen

    Führen Sie in Starterumgebungen und Pro-Integrationsumgebungen den CLI-Befehl zum Debuggen aus.
    Sie können Laufzeitoptionen hinzufügen, beispielsweise:

    code language-bash 
    php -d xdebug.profiler_enable=On -d xdebug.max_nesting_level=9999 bin/magento cache:clean

    In Pro Staging- und Produktionsumgebungen müssen Sie beim Debugging von CLI-Befehlen den Pfad zur PHP-Konfigurationsdatei Xdebug angeben, z. B.:

    code language-bash 
    php -c /etc/platform/USERNAME/php.xdebug.ini bin/magento cache:clean

Webanfragen debuggen

Die folgenden Schritte helfen Ihnen beim Debugging von Webanfragen.

  1. Klicken Sie im Menü Erweiterung auf Debuggen , um die Option zu aktivieren.

  2. Klicken Sie mit der rechten Maustaste, wählen Sie das Optionsmenü aus und setzen Sie den IDE-Schlüssel auf PHPSTORM.

  3. Installieren Sie den Client Xdebug im Browser. Konfigurieren und aktivieren Sie es.

Beispiel: Chrome-Einrichtung

In diesem Abschnitt wird die Verwendung von Xdebug in Chrome mithilfe der Xdebug Helper-Erweiterung beschrieben. Informationen zu Xdebug -Tools für andere Browser finden Sie in der Browserdokumentation.

So verwenden Sie Xdebug Helper mit Chrome:

  1. Erstellen Sie einen SSH-Tunnel für den Cloud-Server.

  2. Installieren Sie die Xdebug Helper-Erweiterung aus dem Chrome-Store.

  3. Aktivieren Sie die Erweiterung in Chrome, wie in der folgenden Abbildung dargestellt.

    Aktivieren der Xdebug-Erweiterung in Chrome

  4. Klicken Sie in Chrome mit der rechten Maustaste auf das grüne Helper-Symbol in der Chrome-Symbolleiste.

  5. Klicken Sie im Popup-Menü auf Optionen.

  6. Klicken Sie in der Liste IDE-Schlüssel auf PhpStorm.

  7. Klicken Sie auf Speichern.

    Xdebug Helper options

  8. Öffnen Sie Ihr PhpStorm-Projekt.

  9. Klicken Sie in der oberen Navigationsleiste auf das Symbol Listening starten .

    Wenn die Navigationsleiste nicht angezeigt wird, klicken Sie auf Ansicht > Navigationsleiste.

  10. Doppelklicken Sie im Navigationsfenster von PhpStorm auf die zu testende PHP-Datei.

Lokalen Code debuggen

Aufgrund der schreibgeschützten Umgebungen müssen Sie Code aus einer Umgebung oder einer bestimmten Git-Verzweigung an die lokale Workstation ziehen, um das Debugging durchzuführen.

Die Methode, die Sie wählen, liegt bei Ihnen. Sie haben die folgenden Optionen:

  • Checken Sie den Code aus Git aus und führen Sie composer install aus.

    Diese Methode funktioniert nur, wenn composer.json Pakete in privaten Repositorys referenziert, auf die Sie keinen Zugriff haben. Diese Methode führt dazu, dass die gesamte Adobe Commerce-Codebase abgerufen wird.

  • Kopieren Sie die Verzeichnisse vendor, app, pub, lib und setup

    Diese Methode führt dazu, dass Sie sämtlichen Code haben, den Sie testen können. Je nachdem, wie viele statische Assets Sie haben, kann dies zu einer langen Übertragung mit einem großen Dateivolumen führen.

  • Kopieren Sie nur den Ordner "vendor"

    Da sich der Großteil des Codes im Verzeichnis vendor befindet, führt diese Methode wahrscheinlich zu guten Tests, obwohl sie nicht die gesamte Codebasis testet.

So komprimieren Sie Dateien und kopieren sie auf Ihren lokalen Computer:

  1. Verwenden Sie SSH, um sich bei der Remote-Umgebung anzumelden.

  2. Komprimieren Sie die Dateien.

    code language-bash 
    tar -czf /tmp/<file-name>.tgz <directory list>

    Um beispielsweise nur den Ordner vendor zu komprimieren, gehen Sie folgendermaßen vor:

    code language-bash 
    tar -czf /tmp/vendor.tgz vendor

  3. Verwenden Sie in Ihrer lokalen Umgebung PhpStorm, um die Dateien zu komprimieren.

    code language-bash 
    cd <phpstorm project root dir>
    code language-bash 
    rsync <SSH-URL>:/tmp/<file-name>.tgz .
    code language-bash 
    tar xzf <file-name>.tgz
recommendation-more-help
05f2f56e-ac5d-4931-8cdb-764e60e16f26