Geavanceerde concepten van AEM headless
Deze end-to-end zelfstudie vervolgt de basiszelfstudie die betrekking hadden op de basisbeginselen van Adobe Experience Manager (AEM) Headless en GraphQL. Het geavanceerde leerprogramma illustreert diepgaande aspecten van het werken met de Modellen van het Fragment van de Inhoud, de Fragments van de Inhoud, en de AEM GraphQL voortgezette vragen, met inbegrip van het gebruiken van GraphQL voortgeduurde vragen in een cliënttoepassing.
Vereisten
Voltooi de snelle installatie voor AEM as a Cloud Service om uw AEM as a Cloud Service omgeving te configureren.
U wordt ten zeerste aangeraden het voorgaande te voltooien basiszelfstudie en videoreeks zelfstudies voordat u verdergaat met deze geavanceerde zelfstudie. Hoewel u de zelfstudie kunt voltooien met een lokale AEM, wordt in deze zelfstudie alleen ingegaan op de workflow voor AEM as a Cloud Service.
Doelstellingen
Deze zelfstudie behandelt de volgende onderwerpen:
- Maak modellen van inhoudsfragmenten met behulp van validatieregels en meer geavanceerde gegevenstypen, zoals tijdelijke aanduidingen voor tabbladen, geneste fragmentverwijzingen, JSON-objecten en gegevenstypen voor datum en tijd.
- Inhoudsfragmenten schrijven terwijl u werkt met geneste inhoud en fragmentverwijzingen, en mapbeleid configureren voor governance voor het schrijven van inhoud.
- Ontdek AEM GraphQL API-mogelijkheden met behulp van GraphQL-query's met variabelen en instructies.
- Blijft GraphQL vragen met parameters in AEM en leer hoe te om cache-controle parameters met voortgezette vragen te gebruiken.
- Integreer aanvragen voor doorlopende query's in de voorbeeldtoepassing WKND GraphQL React met de AEM Headless JavaScript SDK.
Geavanceerde concepten van AEM overzicht zonder kop
De volgende video biedt een overzicht op hoog niveau van de concepten die in deze zelfstudie worden behandeld. De zelfstudie bevat het definiëren van modellen van inhoudsfragmenten met geavanceerdere gegevenstypen, het nesten van inhoudsfragmenten en het voortduren van GraphQL-query's in AEM.
Projectinstelling
Het project van de Plaats WKND heeft alle noodzakelijke configuraties, zodat kunt u het leerprogramma beginnen net nadat u voltooit snelle installatie. In deze sectie worden alleen enkele belangrijke stappen gemarkeerd die u kunt gebruiken bij het maken van uw eigen AEM Headless-project.
Bestaande configuratie controleren
De eerste stap aan aanvang van om het even welk nieuw project in AEM is het creëren van zijn configuratie, als werkruimte en het creëren van GraphQL API eindpunten. Als u een configuratie wilt bekijken of maken, navigeert u naar Gereedschappen > Algemeen > Configuratiebrowser.
Waarnemen dat de WKND Shared
de plaatsconfiguratie is reeds gecreeerd voor het leerprogramma. Om een configuratie voor uw eigen project tot stand te brengen, selecteer Maken in de rechterbovenhoek en vul het formulier in in de modus Configuratie maken die wordt weergegeven.
GraphQL API-eindpunten controleren
Vervolgens moet u API-eindpunten configureren om GraphQL-query's te verzenden. Als u bestaande eindpunten wilt bekijken of maken, navigeert u naar Gereedschappen > Algemeen > GraphQL.
Waarnemen dat de WKND Shared Endpoint
is al gemaakt. Om een eindpunt voor uw project tot stand te brengen, selecteer Maken in de rechterbovenhoek en volg de workflow.
WKND-inhoudsstructuur en taalhoofdmap controleren
Een goed gedefinieerde inhoudsstructuur is essentieel voor het succes van AEM implementatie zonder kop. Dit is handig voor schaalbaarheid, bruikbaarheid en toegangsbeheer van uw inhoud.
Een hoofdmap voor de taal is een map met als naam de ISO-taalcode EN FR. Het AEM vertaalbeheersysteem gebruikt deze mappen om de primaire taal van uw inhoud en talen voor het vertalen van inhoud te definiëren.
Ga naar Navigatie > Activa > Bestanden.
Ga in WKND gedeeld map. Neem de map waar met de titel "Engels" en de naam "EN". Deze map is de hoofdmap van de taal voor het WKND-siteproject.
Voor uw eigen project, creeer een omslag van de taalwortel binnen uw configuratie. Zie de sectie over mappen maken voor meer informatie .
Een configuratie toewijzen aan de geneste map
Tot slot moet u de configuratie van uw project aan de omslag van de taalwortel toewijzen. Deze toewijzing laat de verwezenlijking van de Fragmenten van de Inhoud toe die op de Modellen worden gebaseerd van het Fragment van de Inhoud in de configuratie van uw project wordt bepaald.
Als u de hoofdmap van de taal aan de configuratie wilt toewijzen, selecteert u de map en selecteert u vervolgens Eigenschappen in de bovenste navigatiebalk.
Navigeer vervolgens naar de Cloud Servicen en selecteert u het mappictogram in het dialoogvenster Cloud Configuration veld.
In modaal die verschijnt, selecteer uw eerder gecreeerde configuratie om de taalwortelomslag aan het toe te wijzen.
Aanbevolen procedures
Hier volgt een overzicht van aanbevolen procedures voor het maken van uw eigen project in AEM:
- De maphiërarchie moet zijn gebaseerd op lokalisatie en vertaling. Met andere woorden, taalmappen moeten in configuratiemappen worden genest, zodat de inhoud in die configuratiemappen gemakkelijk kan worden vertaald.
- De maphiërarchie moet vlak en eenvoudig worden gehouden. Vermijd het later verplaatsen of hernoemen van mappen en fragmenten, vooral na publicatie voor live gebruik, omdat paden worden gewijzigd die fragmentverwijzingen en GraphQL-query's kunnen beïnvloeden.
Starter- en oplossingspakketten
Twee AEM pakketten zijn beschikbaar en kunnen worden geïnstalleerd via Pakketbeheer
- Advanced-GraphQL-Tutorial-Starter-Package-1.1.zip wordt later in de zelfstudie gebruikt en bevat voorbeeldafbeeldingen en mappen.
- Advanced-GraphQL-Tutorial-Solution-Package-1.2.zip Bevat de gebeëindigde oplossing voor Hoofdstuk 1-4 met inbegrip van de nieuwe Modellen van het Fragment van de Inhoud, de Fragmenten van de Inhoud, en de Persisted vragen van GraphQL. Nuttig voor degenen die naar de Integratie van clienttoepassingen hoofdstuk.
De React App - Advanced Tutorial - WKND Adventures Het project is beschikbaar om de steekproeftoepassing te herzien en te onderzoeken. Deze voorbeeldtoepassing haalt de inhoud van AEM op door de voortgezette GraphQL-query's aan te roepen en rendert deze in een overweldigende ervaring.
Aan de slag
Ga als volgt te werk om aan de slag te gaan met deze geavanceerde zelfstudie:
- Een ontwikkelomgeving instellen met AEM as a Cloud Service.
- Het hoofdstuk met zelfstudie starten op Modellen voor inhoudsfragmenten maken.