Aan de slag met AEM Content Fragment Delivery met OpenAPI's
Bekijk deze zelfstudie waarin u leert hoe u AEM-inhoud kunt ontwikkelen en beschikbaar maken met AEM Content Fragment Delivery with OpenAPIs en die door een externe app wordt gebruikt, in een CMS-scenario zonder kop. Dit verkent deze concepten door te lopen denken de verwezenlijking van een React app die teams WKND en bijbehorende liddetails toont. Teams en leden zijn gemodelleerd met AEM Content Fragment Models en worden gebruikt door de React-app met AEM Content Fragment Delivery met OpenAPI's.
Deze zelfstudie behandelt de volgende onderwerpen:
- Een projectconfiguratie maken
- Modellen van inhoudsfragmenten maken om gegevens te modelleren
- Inhoudsfragmenten maken op basis van de eerder gemaakte modellen
- Ontdek hoe u Content Fragments in AEM kunt opvragen met de AEM Content Fragment Delivery met de Try It-functie van de OpenAPI-documentatie
- Gegevens van inhoudsfragmenten opnemen via AEM Content Fragment Delivery met OpenAPI-aanroepen vanuit een voorbeeldtoepassing React
- De React-app verbeteren om te kunnen worden bewerkt in de Universal Editor
Vereisten prerequisites
U hebt het volgende nodig om deze zelfstudie te volgen:
-
AEM Sites as a Cloud Service
-
Basisvaardigheden voor HTML en JavaScript
-
De volgende gereedschappen moeten lokaal zijn geïnstalleerd:
- Node.js v22+
- Git
- IDE (bijvoorbeeld, Microsoft® Visual Studio Code)
AEM as a Cloud Service omgeving
Om dit leerprogramma te voltooien, adviseert men dat u toegang van de Beheerder van 0} AEM tot een milieu van AEM as a Cloud Service hebt. A het milieu van de Ontwikkeling, Snelle Milieu van de Ontwikkeling, of een milieu in het Programma van de zandbak van de a kan ook worden gebruikt.
Laten we beginnen!
Begin het leerprogramma met het Bepalen Modellen van het Fragment van de Inhoud.
GitHub-project
De broncode, en inhoudspakketten zijn beschikbaar in de Hoofdloze leerprogramma's van AEMbewaarplaats GitHub.
De main tak bevat de definitieve broncodevoor dit leerprogramma.
Momentopnamen van de code aan het einde van elke stap zijn beschikbaar als Git-tags.
- Begin van hoofdstuk 4 - Reactie-app:
headless_open-api_basic - Einde van hoofdstuk 4 - Reactie-app:
headless_open-api_basic_4-end - Einde van hoofdstuk 5 - Universele editor:
headless_open-api_basic_5-end
Als u een kwestie met het leerprogramma of de code vindt, verlaat de kwestie van a GitHub.