Présentation de GraphQL
Il s’agit de la première partie de la série pour GraphQL et Adobe Commerce. GraphQL est rapidement devenu la norme du secteur en ce qui concerne la manière dont les applications côté client puissantes communiquent avec un serveur principal. Il s’agit d’un sujet de plus en plus pertinent pour les développeurs Adobe Commerce, car la plateforme continue à étendre ses fonctionnalités dans le domaine des implémentations découplées.
Si GraphQL est nouveau pour vous, cette section vous guide vers les concepts de base et son utilisation.
Vidéos et tutoriels connexes sur GraphQL dans cette série
Qu’est-ce que GraphQL ?
GraphQL est une spécification pour un langage de requête d’API unique et le runtime qui fournit des données en réponse à ce langage de requête.
Les API web traditionnelles telles que REST ont bien servi les systèmes disparates qui transmettent des données entre eux, mais n’ont pas fourni de performances de pointe pour les expériences de lien d’application modernes telles que les applications web progressives. Dans des applications comme celle-ci, les calques front-end et back-end d’une même application communiquent via l’API web. L’approche structurée de schémas tels que REST n’offre souvent pas la flexibilité appropriée dans ce contexte, où de nombreux types de données doivent être récupérées rapidement.
GraphQL permet à un client de décrire de manière expresse exactement les données dont il a besoin. Au lieu d’avoir besoin de plusieurs requêtes réseau pour récupérer plusieurs types de données, une seule requête peut rechercher plusieurs types. De plus, les réponses sont optimisées en incluant (dans un format reflétant intuitivement la requête) uniquement les types et champs demandés.
Le runtime qui implémente la spécification GraphQL peut être créé dans n’importe quelle langue. Adobe Commerce et Magento Open Source utilisent
Implémentation PHP graphql-php et construit ses propres calques dessus.
Utilisation d’un client GraphQL
Vous avez besoin d’un client GraphQL avec interface utilisateur graphique pour tester des exemples de code et des tutoriels. Il existe plusieurs options :
- Altair est un excellent client entièrement équipé spécialement conçu pour GraphQL. Adobe utilise Altair dans les vidéos de présentation.
- Si vous ne souhaitez pas installer l’application de bureau, il existe également des extensions Altair qui s’exécutent directement dans votre ordinateur
Navigateur Chrome, Firefox ou Edge. - GraphiQL est une implémentation de l’IDE GraphQL de GraphQL Foundation. Il ne s’agit pas d’un outil installable, mais plutôt d’un package que vous pouvez utiliser pour créer l’interface vous-même.
- Si vous connaissez déjà Postman, il offre une prise en charge correcte des requêtes GraphQL, bien qu’il ne soit pas aussi complet qu’un client GraphQL dédié.
Dans votre client GraphQL, vous devez envoyer vos requêtes au chemin d’URL /graphql sur votre instance Adobe Commerce ou Magento Open Source. Si vous préférez utiliser une instance existante pour vos tests, vous pouvez utiliser la démo du thème Venia (l’exemple d’implémentation de PWA Studio) : https://venia.magento.com/graphql