Inleiding GraphQL
Dit is deel 1 van de reeks voor GraphQL en Adobe Commerce. GraphQL is al snel de industriestandaard geworden voor de manier waarop krachtige clienttoepassingen met een back-end spreken. Het is een steeds relevanter onderwerp voor Adobe Commerce-ontwikkelaars, omdat het platform zijn mogelijkheden op het gebied van headless implementaties blijft uitbreiden.
Als je nog geen ervaring hebt met GraphQL, richt deze sectie je naar de basisbeginselen en het basisgebruik.
Verwante video's en zelfstudies over GraphQL in deze serie
Wat is GraphQL?
GraphQL is een specificatie voor een unieke API-querytaal en de runtime die gegevens verschaft als reactie op die querytaal.
Traditionele web-API's zoals REST hebben goed gefunctioneerd voor verschillende systemen die gegevens heen en weer doorgeven, maar bieden minder dan piekprestaties voor moderne toepassingen zoals Progressive Webben Application. In dergelijke toepassingen worden de front-end en back-end lagen van de zelfde de toepassing communiceert via web-API. De gestarte aanpak van regelingen als REST biedt vaak niet de juiste flexibiliteit in deze context, waar veel soorten gegevens snel moeten worden opgehaald.
GraphQL stelt een client in staat om een expressieve beschrijving te geven exact de gegevens die het nodig heeft. In plaats van het vereisen van veelvoudige netwerkverzoeken om veelvoudige gegevenstypes op te halen, kan één enkel verzoek voor vele types vragen. En, worden de reacties gehouden len door (in een formaat intuïtief het weerspiegelen van de vraag) slechts de types en gebieden te omvatten die worden gevraagd.
De runtime die de GraphQL-specificatie implementeert, kan in elke taal worden samengesteld. Adobe Commerce en Magento Open Source gebruiken
graphql-php PHP-implementatie en bouwt er zijn eigen lagen bovenop.
De volledige GraphQL-documentatie weergeven
Een GraphQL-client gebruiken
U hebt een GUI GraphQL-client nodig om codevoorbeelden en zelfstudies uit te testen. Er zijn verschillende opties:
- Altair is een uitstekende en volledig uitgeruste client die speciaal voor GraphQL is gebouwd. Adobe gebruikt Altair in doorloopvideo's.
- Als u de bureaubladtoepassing niet wilt installeren, zijn er ook Altair-extensies die direct in de toepassing worden uitgevoerd
Chroom, Firefox, or Edge browser. - GraphiQL is een implementatie van de GraphQL IDE van de GraphQL Foundation. Dit is geen installatieprogramma, maar een pakket dat u kunt gebruiken om de interface zelf te maken.
- Als u al vertrouwd bent met Postman, heeft het behoorlijke steun voor GraphQL query's, hoewel het niet zo volledig is uitgerust als een speciale GraphQL client.
In uw GraphQL-client moet u uw aanvragen naar het URL-pad verzenden /graphql op je Adobe Commerce of Magento Open Source -instantie. Als u liever een bestaande instantie voor uw tests wilt gebruiken, kunt u de demo van het thema Venia (de voorbeeldimplementatie van PWA Studio) gebruiken: https://venia.magento.com/graphql