Kapitel 5 - Redigera sidor för innehållstjänster
Kapitel 5 i den AEM självstudiekursen Headless handlar om att skapa sidan med hjälp av mallarna som definieras i kapitel 4. Den sida som skapas i det här kapitlet fungerar som JSON HTTP-slutpunkt för mobilappen.
/content/wknd-mobile/en/api har förskapats. Bassidorna för en och api har ett arkitektoniskt och organisatoriskt syfte, men är inte strikt obligatoriska. Om API-innehåll kan lokaliseras är det bästa sättet att följa de vanliga metoderna för att organisera sidorna för Language Copy och Multi-site Manager, eftersom API-sidor kan lokaliseras precis som vilken AEM Sites-sida som helst.Skapa API-sidan för händelser
-
Navigera till AEM> Sites > WKND Mobile > English >API.
-
Tryck på etiketten för API-sidan och tryck sedan på knappen Skapa i det övre åtgärdsfältet och skapa en ny API-sida för händelser under API-sidan.
- Tryck på Skapa i det övre åtgärdsfältet
- Välj Händelse-API-mall
- I fältet Namn anger du händelser
- Ange Händelse-API i fältet Titel
- Tryck på Skapa i det övre åtgärdsfältet för att skapa sidan
- Tryck på Klar för att återgå till AEM Sites-administratören
Om du redigerar API-sidan för händelser
-
Redigera sidan Händelse-API genom att gå till AEM > Webbplatser > WKND-mobiler > engelska > API, välja sidan Händelse-API och trycka på Redigera i det övre åtgärdsfältet.
-
Lägg till en logotypbild som ska visas i appen genom att dra och släppa den från resurssökaren till bildkomponentens platshållare.
- Använd den angivna logotypen på
/content/dam/wknd-mobile/images/wknd-logo.png.
- Använd den angivna logotypen på
-
Lägg till taggrad som ska visas ovanför händelserna.
- Redigera komponenten Text
- Ange texten:
The WKND is here.
-
Välj de händelser som ska visas:
-
Ange följande konfiguration på fliken Egenskaper:
- Modell: Event
- Överordnad sökväg: /content/dam/wknd-mobile/en/events
- Taggar: <lämna tomt>
-
Ange följande konfiguration på fliken Elements:
- Ta bort alla listade element för att se till att ALLA element i händelseinnehållet visas.
-
Granska JSON-utdata från API-sidan
JSON-utdata och dess format kan granskas genom att begära sidan med väljaren .model.json.
Denna JSON-struktur (eller detta schema) måste vara väl förstådd av konsumenterna av detta API. Det är viktigt att API-konsumenterna förstår vilka aspekter av strukturen som är fasta (dvs. Event-API:ts logotyp (bild) och tagg live (text) och som är flytande (dvs. de händelser som listas under komponenten Lista över innehållsfragment).
Om det här kontraktet bryts på ett publicerat API kan det leda till felaktigt beteende i de appar som används.
-
På nya webbläsarflikar begär du API-sidorna för händelser med väljaren
.model.json, som anropar AEM Content Services JSON Exporter, och serialiserar sidan och komponenterna i en normaliserad, väldefinierad JSON-struktur.Den JSON-struktur som skapas av dessa sidor är den struktur som förbrukande program måste anpassa sig till.
-
Begär sidan Händelse-API som JSON.
Resultatet bör se ut ungefär som:
.tidy:Nästa steg
Du kan också installera innehållspaketet com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip på AEM Author via AEM Package Manager. Det här paketet innehåller de konfigurationer och det innehåll som beskrivs i det här och föregående kapitel i självstudien.