Verwenden der GraphiQL-IDE

Implementierung des Standards GraphiQL IDE ist für die Verwendung mit der GraphQL-API von Adobe Experience Manager (AEM) as a Cloud Service verfügbar.

Die GraphiQL Mit können Sie Ihre GraphQL-Abfragen testen und debuggen, indem Sie:

• wählen Sie die Endpunkt passend zur Sites-Konfiguration, die Sie für Ihre Abfragen verwenden möchten
• direkt neue Abfragen eingeben
• Erstellen und Zugreifen auf Beständige Abfragen
• Führen Sie Ihre Abfragen aus, um die Ergebnisse sofort anzuzeigen
• verwalten Abfragevariablen
• Speichern und verwalten Beständige Abfragen
• Veröffentlichung oder Rückgängigmachen der Veröffentlichung, Beständige Abfragen (z. B. nach/von dev-publish)
• sehen Sie die Geschichte der vorherigen Abfragen
• die Dokumentation-Explorer Zugriff auf die Dokumentation; hilft Ihnen zu lernen und zu verstehen, welche Methoden verfügbar sind.

Sie können auf den Abfrageeditor wie folgt zugreifen:

• Instrumente -> Allgemein -> GraphQL-Abfrage-Editor
• direkt; Beispiel: http://localhost:4502/aem/graphiql.html

Sie können GraphiQL in Ihrem System verwenden, damit Abfragen von Ihrer Clientanwendung mithilfe von GET-Anfragen sowie zur Veröffentlichung von Abfragen angefordert werden können. Zur Verwendung in der Produktion können Sie dann Ihre Abfragen in Ihre Produktionsumgebung verschieben. Zunächst zum Produktionsautor für die Validierung neu erstellter Inhalte mit den Abfragen und schließlich zur Produktionsveröffentlichung für den Live-Verbrauch.

Endpunkt auswählen

Als ersten Schritt müssen Sie die Endpunkt die Sie für die Abfragen verwenden möchten. Der Endpunkt ist der Sites-Konfiguration angemessen, die Sie für Ihre Abfragen verwenden möchten.

Diese ist in der Dropdown-Liste oben rechts verfügbar.

Neue Abfrage erstellen und beibehalten

Sie können Ihre neue Abfrage im Editor eingeben, der sich in der Mitte links im Bedienfeld befindet, direkt unter dem GraphiQL-Logo.

Beginnen Sie mit der Eingabe des Editors auch:

• verwendet den Mauszeiger, um zusätzliche Informationen zu Elementen anzuzeigen
• bietet Funktionen wie Syntaxhervorhebung, automatische Vervollständigung, automatische Empfehlung

Verwendung Speichern unter , um Ihre neue Abfrage beizubehalten.

Persistente Abfrage aktualisieren

Wählen Sie die zu aktualisierende Abfrage aus der Liste im Beständige Abfragen Bedienfeld (ganz links).

Die Abfrage wird im Editor angezeigt. Nehmen Sie die erforderlichen Änderungen vor und verwenden Sie dann Speichern , um Ihre Aktualisierungen in die persistente Abfrage zu übertragen.

Ausführen von Abfragen

Sie können eine neue Abfrage sofort ausführen oder eine persistente Abfrage laden und ausführen. Um eine persistente Abfrage zu laden, wählen Sie sie aus der Liste aus. Die Abfrage wird daraufhin im Editor angezeigt.

In beiden Fällen ist die im Editor angezeigte Abfrage die Abfrage, die ausgeführt wird, wenn Sie entweder:

• Klicken/tippen Sie auf die Ausführen der Abfrage icon
• Verwenden der Tastaturkombination Control-Enter

Abfragevariablen

Mit der GraphiQL IDE können Sie auch Ihre Abfragevariablen.

Beispiel:

Persistente Abfragen veröffentlichen

Nachdem Sie die beibehaltene Abfrage aus der Liste (linker Bereich) ausgewählt haben, können Sie die Veröffentlichen und Veröffentlichung rückgängig machen Aktionen. Dadurch werden sie in Ihrer Veröffentlichungsumgebung aktiviert (z. B. dev-publish) für den einfachen Zugriff Ihrer Anwendungen beim Testen.

Zwischenspeichern persistenter Abfragen

AEM macht den CDN-Cache (Content Delivery Network) basierend auf einer standardmäßigen Time To Live (TTL) ungültig.

Dieser Wert wird auf Folgendes festgelegt:

• 7200 Sekunden ist die standardmäßige TTL für den Dispatcher und CDN. auch bekannt als freigegebene Cache
  • default: s-maxage=7200
• 60 ist die Standard-TTL für den Client (z. B. ein Browser)
  • default: maxage=60

AEM GraphQL-Abfragen, die mit der GraphiQL-Benutzeroberfläche persistiert wurden, verwenden bei der Ausführung die standardmäßige TTL. Wenn Sie die TTL für Ihre GraphLQ-Abfrage ändern möchten, muss die Abfrage stattdessen mit der API-Methode persistiert werden. Hierzu gehört das Posten der Abfrage an AEM mithilfe von CURL in Ihrer Befehlszeilenschnittstelle.

Beispiel:

curl -X PUT \
    -H 'authorization: Basic YWRtaW46YWRtaW4=' \
    -H "Content-Type: application/json" \
    "http://localhost:4502/graphql/persist.json/wknd/plain-article-query-max-age" \
    -d \
'{ "query": "{articleList { items { _path author main { json } referencearticle { _path } } } }", "cache-control": { "max-age": 300 }}'

Die cache-control kann zum Zeitpunkt der Erstellung (PUT) oder später (z. B. über eine POST-Anfrage) festgelegt werden. Das Cache-Steuerelement ist beim Erstellen der persistenten Abfrage optional, da AEM den Standardwert angeben kann. Siehe Beibehalten einer GraphQL-Abfrage, zum Beispiel für die Beibehaltung einer Abfrage mit curl.

URL kopieren, um direkt auf die Abfrage zuzugreifen

Die URL kopieren -Option können Sie eine Abfrage simulieren, indem Sie die URL kopieren, die zum direkten Zugriff auf die beibehaltene Abfrage verwendet wird, und die Ergebnisse anzeigen. Dies kann dann zum Testen verwendet werden. Beispielsweise durch Zugriff in einem Browser:

Beispiel:

http://localhost:4502/graphql/execute.json/global/article-list-01

Durch die Verwendung dieser URL in einem Browser können Sie die Ergebnisse bestätigen:

Die URL kopieren -Option können Sie über die drei vertikalen Punkte rechts neben dem beibehaltenen Abfragenamen (ganz links) aufrufen:

Löschen persistenter Abfragen

Die Löschen ist auch über die drei vertikalen Punkte rechts neben dem beibehaltenen Abfragenamen (ganz links) verfügbar.

Installieren der beständigen Abfrage in der Produktion

Nach dem Entwickeln und Testen Ihrer persistenten Abfrage mit GraphiQL besteht das Endziel darin, Übertragen in die Produktionsumgebung zur Verwendung durch Ihre Anwendungen.

Tastaturbefehle

Es gibt eine Auswahl von Tastaturbefehlen, die direkten Zugriff auf Aktionssymbole in der IDE bieten:

• Abfrage konfigurieren: Shift-Control-P
• Zusammenführungsabfrage: Shift-Control-M
• Ausführen der Abfrage: Control-Enter
• Automatisch abschließen: Control-Space