Modellering van inhoud

Navigeer aan Hulpmiddelen > Browser van de Configuratie om een configuratie voor de headless ervaring tot stand te brengen.

Verstrek a titel en naam, en controleer GraphQL de Verlengde Vragen en Modellen van het Fragment van de Inhoud.

Navigeer aan Hulpmiddelen > de Modellen van het Fragment van de Inhoud en selecteer de omslag met de naam van de configuratie die in stap 1 wordt gecreeerd.

Binnen de omslag, creeert de uitgezochte ____ en noemt het model Taser. Voeg de volgende datatypes aan het 1} model van het Taser {toe.

Binnen de omslag, creeer een tweede model genoemd Aanbieding. Klik op Maken en geef het model de naam "Aanbieding" en voeg de volgende datatypen toe:

Binnen de omslag, creeer een derde model genoemd Lijst van het Beeld. Klik op Maken en geef het model de naam "Lijst van afbeeldingen" en voeg de volgende datatypen toe:

Navigeer nu naar Assets en maak een map voor de nieuwe site. Klik op Maken en geef de map een naam.

toe

Nadat de omslag wordt gecreeerd, selecteer de omslag en open zijn Eigenschappen.

In het lusje van de Configuraties van de Wolk van de omslag ____, selecteer de configuratie vroegergecreeerd.

Klik in de nieuwe map en maak een teaser. Klik creëren en het Fragment van de Inhoud en selecteren het Taser model. Noem het model Hero en klik creeer.

Ga aan Hulpmiddelen > GraphQL

Klik creëren en geef het nieuwe eindpunt een naam en kies de pas gecreëerde configuratie.

Laten we het nieuwe eindpunt testen. Navigeer aan Hulpmiddelen > de Redacteur van de Vraag van GraphQL en kies ons eindpunt voor de daling neer in het hoogste recht van het venster.

In de vraagredacteur, creeer een paar verschillende vragen.

{
    teaserList {
        items {
        title
        }
    }
}

U zou een lijst moeten krijgen die het enige gemaakte fragment hierbovenbevatten.

Voor deze oefening maakt u een volledige query die de AEM-app zonder kop gebruikt. Maak een query die één teaser per pad retourneert. Voer de volgende query in in de query-editor:

query TeaserByPath($path: String!) {
component: teaserByPath(_path: $path) {
    item {
    __typename
    _path
    _metadata {
        stringMetadata {
        name
        value
        }
    }
    title
    preTitle
    style
    asset {
        ... on MultimediaRef {
        __typename
        _authorUrl
        _publishUrl
        format
        }
        ... on ImageRef {
        __typename
        _authorUrl
        _publishUrl
        mimeType
        width
        height
        }
    }
    description {
        html
        plaintext
    }
    }
}
}

In de input van vraagvariabelen bij de bodem, ga binnen:

{
    "path": "/content/dam/pure-headless/hero"
}

NOTE

Mogelijk moet u de queryvariabele path aanpassen op basis van de map- en fragmentnamen.

Voer de query uit om de resultaten van het eerder gemaakte inhoudsfragment te ontvangen.

Klik sparen om (sparen) de vraag voort te zetten en de vraag teaser te noemen. Hierdoor kunnen we de query op naam weergeven in de toepassing.