Geavanceerde concepten van AEM headless

Ontdek onze headless CMS met proefversie van 30 dagen

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.

CAUTION
Als u geen toegang hebt tot AEM as a Cloud Service omgeving, kunt u Snelle installatie AEM zonder koppen met de lokale SDK. Het is echter belangrijk om op te merken dat sommige productpagina's van UI zoals de navigatie van de Fragmenten van de Inhoud verschillend zijn.

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.

CAUTION
In deze video (2:25) wordt gesproken over het installeren van de GraphiQL-query-editor via Package Manager om GraphQL-query's te verkennen. Nochtans in nieuwere versies van AEM als Cloud Service ingebouwde GraphiQL Explorer wordt geleverd, zodat de installatie van het pakket niet vereist is. Zie GraphiQL IDE gebruiken voor meer informatie .

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.

Navigeren naar de 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.

Gedeelde WKND-configuratie controleren

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.

Eindpunten configureren

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.

Gedeeld eindpunt WKND controleren

NOTE
Na het bewaren van het eindpunt, zult u een modaal over het bezoeken van de Console van de Veiligheid zien, die u toestaat om veiligheidsmontages aan te passen als u wenst om toegang tot het eindpunt te vormen. De toestemmingen van de veiligheid zelf zijn buiten het werkingsgebied van dit leerprogramma, echter. Raadpleeg voor meer informatie de AEM.

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.

Naar bestanden navigeren

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.

Engelse map

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.

Eigenschappen selecteren

Navigeer vervolgens naar de Cloud Servicen en selecteert u het mappictogram in het dialoogvenster Cloud Configuration veld.

Cloud Configuration

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

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:

  1. Een ontwikkelomgeving instellen met AEM as a Cloud Service.
  2. Het hoofdstuk met zelfstudie starten op Modellen voor inhoudsfragmenten maken.
recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4