Introducción a GraphQL
Esta es la primera parte de la serie para GraphQL y Adobe Commerce. GraphQL se ha convertido rápidamente en el estándar del sector por lo potentes que son las aplicaciones del lado del cliente con respecto al servidor. Es un tema cada vez más relevante para los desarrolladores de Adobe Commerce, ya que la plataforma sigue ampliando sus capacidades en el ámbito de las implementaciones sin encabezado.
Si es nuevo en GraphQL, esta sección le guía por los conceptos y el uso básicos.
Vídeos y tutoriales relacionados sobre GraphQL en esta serie
¿Qué es GraphQL?
GraphQL es una especificación para un lenguaje de consulta de API único y el tiempo de ejecución que proporciona datos en respuesta a ese lenguaje de consulta.
Las API web tradicionales, como REST, han servido bien para sistemas dispares que pasan datos de un lado a otro, pero han proporcionado menos que el rendimiento máximo para experiencias modernas de vínculo de aplicación como Progressive Web Application. En aplicaciones como esta, las capas front-end y back-end del igual La aplicación se comunica mediante la API web. El enfoque reglamentado de esquemas como REST a menudo no proporciona la flexibilidad adecuada en este contexto, donde muchos tipos de datos deben recuperarse rápidamente.
GraphQL permite a un cliente describir de forma expresiva exacto los datos que necesita. En lugar de requerir varias solicitudes de red para recuperar varios tipos de datos, una sola solicitud puede consultar varios tipos. Además, las respuestas se mantienen limpias al incluir (en un formato que refleja intuitivamente la consulta) solo los tipos y campos que se solicitan.
El motor en tiempo de ejecución que implementa la especificación de GraphQL se puede generar en cualquier idioma. ADOBE COMMERCE y Magento Open Source use el
graphql-php Implementación de PHP y construye sus propias capas sobre ella.
Uso de un cliente de GraphQL
Necesita un cliente GUI de GraphQL para probar ejemplos de código y tutoriales. Hay varias opciones:
- Altair es un cliente excelente y con todas las funciones, creado específicamente para GraphQL. El Adobe utiliza Altair en vídeos explicativos.
- Si no desea instalar la aplicación de escritorio, también hay extensiones de Altair que se ejecutan directamente en su
Chrome, Firefox, or Edge explorador. - GraphiQL es una implementación del IDE de GraphQL desde GraphQL Foundation. No es una herramienta instalable, sino un paquete que puede utilizar para crear la interfaz usted mismo.
- Si ya está familiarizado con PostmanSin embargo, tiene un soporte decente para las consultas de GraphQL, aunque no está tan completo como un cliente de GraphQL dedicado.
En el cliente de GraphQL, debe enviar las solicitudes a la ruta URL /graphql en su Adobe Commerce o Magento Open Source ejemplo. Si prefiere utilizar una instancia existente para sus pruebas, puede utilizar la demostración de la temática de Venia (la implementación de ejemplo de PWA Studio): https://venia.magento.com/graphql