Kom igång med AEM Content Fragment Delivery med OpenAPI:er
Utforska den här självstudiekursen som visar hur du bygger upp och visar AEM-innehåll med AEM Content Fragment Delivery med OpenAPI-API:er och använder det i ett headless CMS-scenario. Detta utforskar dessa koncept genom att gå och tänka på hur en React-app skapas som visar WKND-team och tillhörande medlemsinformation. Team och medlemmar modelleras med AEM Content Fragment Models och används av React-appen med AEM Content Fragment Delivery med OpenAPI:er.
Den här självstudiekursen handlar om följande ämnen:
- Skapa en projektkonfiguration
- Skapa modeller för innehållsfragment för att modellera data
- Skapa innehållsfragment baserat på tidigare modeller
- Se hur Content Fragments in AEM kan efterfrågas med AEM Content Fragment Delivery med dokumentationsfunktionen "Try it" i OpenAPI:er
- Förbruka data för innehållsfragment via AEM Content Fragment Delivery med OpenAPI-API-anrop från ett exempel på React-app
- Förbättra React-appen så att den kan redigeras i den universella redigeraren
Förutsättningar prerequisites
Du måste följa den här självstudiekursen på följande sätt:
-
AEM Sites as a Cloud Service
-
HTML och JavaScript
-
Följande verktyg måste installeras lokalt:
- Node.js v22+
- Git
- En IDE (till exempel Microsoft® Visual Studio Code)
AEM as a Cloud Service
Du bör ha AEM Administrator-åtkomst till en AEM as a Cloud Service-miljö för att kunna slutföra den här självstudiekursen. En utvecklingsmiljö, snabbutvecklingsmiljö eller en miljö i ett sandlådeprogram kan också användas.
Kom så börjar vi!
Starta självstudiekursen med Definiera modeller för innehållsfragment.
GitHub-projekt
Källkoden och innehållspaketen är tillgängliga i AEM Headless-självstudiekurserna GitHub-databasen.
Branschen main innehåller den slutliga källkodenför den här självstudien.
Ögonblicksbilder av koden i slutet av varje steg är tillgängliga som Git-taggar.
- Början av kapitel 4 - Reagera app:
headless_open-api_basic - Slut på kapitel 4 - Reagera app:
headless_open-api_basic_4-end - Slut på kapitel 5 - Universal Editor:
headless_open-api_basic_5-end
Om du har problem med självstudiekursen eller koden kan du lämna ett GitHub-problem.