DokumentationCommerceVideos und Tutorials

Einführung in GraphQL

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Entwickler

Dies ist Teil 1 der Serie für GraphQL und Adobe Commerce. GraphQL hat sich schnell zum Branchenstandard dafür entwickelt, wie leistungsstarke Client-seitige Anwendungen mit einem Backend kommunizieren. Es ist ein zunehmend relevantes Thema für Adobe Commerce-Entwicklerinnen und -Entwickler, da die Plattform ihre Funktionen im Bereich der Headless-Implementierungen weiter erweitert.

Wenn Sie GraphQL noch nicht kennen, finden Sie in diesem Abschnitt grundlegende Konzepte und Verwendungsmöglichkeiten.

video poster

https://video.tv.adobe.com/v/3443951?learn=on&captions=ger

Verwandte Videos und Tutorials zu GraphQL in dieser Reihe

  • Teil 2: GraphQL - Abfragen
  • Teil 3 GraphQL - Mutationen
  • Teil 4: GraphQL - Schema

Was ist GraphQL?

GraphQL ist eine Spezifikation für eine eindeutige API-Abfragesprache und die Laufzeitumgebung, die Daten als Antwort auf diese Abfragesprache bereitstellt.

Herkömmliche Web-APIs wie REST eignen sich gut für die Weitergabe von Daten zwischen unterschiedlichen Systemen, bieten jedoch weniger als eine Spitzenleistung für moderne App-Link-Erlebnisse wie Progressive Webs Application. In Anwendungen wie diesem kommunizieren die Frontend- und Backend-Ebenen derselben-Anwendung über die Web-API. Der regulierte Ansatz von Systemen wie REST bietet in diesem Zusammenhang, in dem viele Arten von Daten schnell abgerufen werden müssen, häufig nicht die angemessene Flexibilität.

GraphQL ermöglicht es einem Client, die benötigten Daten genau zu beschreiben. Anstatt mehrere Netzwerkanfragen zum Abrufen mehrerer Datentypen zu erfordern, kann eine einzelne Anfrage nach vielen Typen abfragen. Zudem werden die Antworten schlank gehalten, indem nur die angeforderten Typen und Felder in das Format aufgenommen werden, das die Abfrage intuitiv widerspiegelt.

Die Laufzeit, die die GraphQL-Spezifikation implementiert, kann in jeder Sprache erstellt werden. Adobe Commerce und Magento Open Source verwenden
graphql-php PHP-Implementierung und baut darauf eigene Ebenen auf.

Vollständige Dokumentation zu GraphQL anzeigen

Verwenden eines GraphQL-Clients

Sie benötigen einen GUI GraphQL-Client, um Code-Beispiele und -Tutorials zu testen. Es gibt mehrere Optionen:

  • Altair ist ein exzellenter und voll ausgestatteter Client, der speziell für GraphQL entwickelt wurde. Adobe verwendet Altair in Videoanleitungen.
  • Wenn Sie das Desktop-Programm nicht installieren möchten, gibt es auch Altair-Erweiterungen, die direkt in Ihrem Programm ausgeführt werden
    Chrome, Firefox oder EdgeBrowser.
  • GraphiQL ist eine Implementierung der GraphQL-IDE von GraphQL Foundation. Dies ist kein installierbares Tool, sondern ein Paket, mit dem Sie die Schnittstelle selbst erstellen können.
  • Wenn Sie bereits mit Postman vertraut sind, bietet diese Funktion anständige Unterstützung für GraphQL-Abfragen, auch wenn sie nicht so umfassend ist wie ein dedizierter GraphQL-Client.

In Ihrem GraphQL-Client sollten Sie Ihre Anfragen an den URL-Pfad senden, der auf Ihrer Adobe Commerce- oder Magento Open Source-Instanz /graphql ist. Wenn Sie lieber eine vorhandene Instanz für Ihre Tests verwenden möchten, können Sie die Demo des Venia-Designs verwenden (die Beispielimplementierung von PWA Studio): https://venia.magento.com/graphql

Nützliche GraphQL-Ressourcen

  • Grundlagen zu GraphQL
  • Abfragen
  • Mutationen
  • Schema
recommendation-more-help
3a5f7e19-f383-4af8-8983-d01154c1402f