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.

  1. Vaya a Herramientas > General > Explorador de configuración.

  2. 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.

    Propiedades de configuración

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.

  1. 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.

  2. A continuación, pulse Guardar como e introduzca adventure-details-by-slug como nombre de la consulta.

    Continuar consulta de GraphQL