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 kommunicerar de främre och bakre skikten i samma -programmet via webb-API:t. 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 klient att uttryckligen beskriva exakt de data som krä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-phpPHP-implementering och skapar egna lager ovanpå den.
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 skapats speciellt 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
Chrome, Firefox eller Edge. - 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 är bekant med Postman har den stöd för GraphQL-frågor, även om den inte är lika komplett 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