GraphQL introduktion

Detta är en del av serien för GraphQL och Adobe Commerce. GraphQL har snabbt blivit branschstandard för hur kraftfulla applikationer på klientsidan kommunicerar med en serverdel. Det är ett allt viktigare ämne för Adobe Commerce-utvecklare, eftersom plattformen fortsätter att utöka sina funktioner när det gäller headless-implementationer.

Om du inte har använt GraphQL tidigare orienterar det här avsnittet dig efter grundläggande begrepp och användningsområden.

Relaterade videor och självstudiekurser om GraphQL i den här serien

Vad är GraphQL?

GraphQL är en specifikation för ett unikt API-frågespråk och körningsmiljön som tillhandahåller data som svar på det frågespråket.

Traditionella webb-API:er som REST har fungerat bra för olika system som skickar data fram och tillbaka, men har gett mindre än topprestanda för moderna applänksupplevelser som Progressive Web Application. I program som detta är de främre och bakre skikten i samma program kommunicerar via webb-API. Den registrerade metoden för scheman som REST ger ofta inte lämplig flexibilitet i detta sammanhang, där många typer av data måste hämtas snabbt.

GraphQL tillåter en kund att beskriva uttryckligt exakt de data som behövs. I stället för att kräva flera nätverksbegäranden för hämtning av flera datatyper kan en enda begäran fråga efter många typer. Och svaren förblir smala genom att endast de typer och fält som efterfrågas tas med (i ett format som intuitivt återspeglar frågan).

Körningsmiljön som implementerar GraphQL-specifikationen kan byggas på vilket språk som helst. Adobe Commerce och Magento Open Source använder
graphql-php PHP-implementering och skapar egna lager ovanpå den.

Se den fullständiga dokumentationen för GraphQL

Använda en GraphQL-klient

Du behöver en GUI GraphQL-klient för att testa kodexempel och självstudier. Det finns flera alternativ:

  • Altair är en utmärkt och fullt utrustad klient som byggts specifikt för GraphQL. Adobe använder Altair i genomgångsvideor.
  • Om du inte vill installera skrivbordsprogrammet finns det även Altair-tillägg som kan köras i
    Krom, Firefox, or Edge webbläsare.
  • GraphiQL är en implementering av GraphQL IDE från GraphQL Foundation. Detta är inte ett installationsbart verktyg, utan ett paket som du kan använda för att bygga gränssnittet själv.
  • Om du redan känner till Postman, har programmet bra stöd för GraphQL-frågor, även om det inte är lika bra som en dedikerad GraphQL-klient.

I din GraphQL-klient bör du skicka dina förfrågningar till URL-sökvägen /graphql på din Adobe Commerce eller Magento Open Source -instans. Om du föredrar att använda en befintlig instans för dina tester kan du använda demonstrationen av Venia-temat (exempelimplementeringen av PWA Studio): https://venia.magento.com/graphql

Användbara GraphQL-resurser

recommendation-more-help
3a5f7e19-f383-4af8-8983-d01154c1402f