Objetivos
En este capítulo, aprenderá a:
- Persistir consultas de GraphQL con parámetros
- Usar parámetros de control de caché con consultas persistentes
Revisar la configuración de Consultas persistentes de GraphQL
Revisemos que Consultas persistentes de GraphQL están habilitadas para el proyecto del sitio WKND en su instancia de AEM.
-
Vaya a Herramientas > General > Explorador de configuración.
-
Seleccione WKND compartido y, a continuación, seleccione Propiedades en la barra de navegación superior para abrir las propiedades de configuración. En la página Propiedades de configuración, debería ver que el permiso Consultas persistentes de GraphQL está habilitado.
Persistir consultas de GraphQL mediante la herramienta Explorador de GraphiQL integrada
En esta sección, vamos a mantener la consulta de GraphQL que se utiliza posteriormente en la aplicación cliente para recuperar y procesar los datos del fragmento de contenido de aventura.
-
Introduzca la siguiente consulta en el Explorador de GraphiQL:
query getAdventureDetailsBySlug($slug: String!) { adventureList(filter: {slug: {_expressions: [{value: $slug}]}}) { items { _path title activity adventureType price tripLength groupSize difficulty primaryImage { ... on ImageRef { _path mimeType width height } } description { html json } itinerary { html json } location { _path name description { html json } contactInfo { phone email } locationImage { ... on ImageRef { _path } } weatherBySeason address { streetAddress city state zipCode country } } instructorTeam { _metadata { stringMetadata { name value } } teamFoundingDate description { json } teamMembers { fullName contactInfo { phone email } profilePicture { ... on ImageRef { _path } } instructorExperienceLevel skills biography { html } } } administrator { fullName contactInfo { phone email } biography { html } } } _references { ... on ImageRef { _path mimeType } ... on LocationModel { _path __typename } } } }
Compruebe que la consulta funciona antes de guardarla.
-
A continuación, pulse Guardar como e introduzca
adventure-details-by-slug
como nombre de la consulta.