Hoofdstuk 5 - Pagina's met inhoudsservices ontwerpen
Hoofdstuk 5 van de AEM zelfstudie zonder koptekst behandelt het maken van de pagina van de sjablonen die zijn gedefinieerd in hoofdstuk 4. De pagina die in dit hoofdstuk wordt gemaakt, fungeert als het eindpunt van JSON HTTP voor de Mobile-app.
/content/wknd-mobile/en/api is vooraf samengesteld. De basispagina's van en en api hebben een architecturaal en organisatorisch doel, maar zijn niet strikt vereist. Als API-inhoud kan worden gelokaliseerd, kunt u het beste de gebruikelijke best practices voor taalkopieën en beheer van meerdere pagina's volgen, aangezien API-pagina's net als elke AEM Sites-pagina kunnen worden gelokaliseerd.De API-pagina voor gebeurtenissen maken
-
Navigeer naar AEM> Sites > WKND Mobile > English >API .
-
Tik het etiket van de API pagina, dan de creeer knoop in de hoogste actiebar en creeer een nieuwe Gebeurtenissen API pagina onder de API pagina.
- Tik creeer in de hoogste actiebar
- Selecteer Gebeurtenissen API malplaatje
- Op het gebied van de Naam gaat gebeurtenissen in
- Op het gebied van de Titel ga Gebeurtenissen API in
- Tik creeer in de hoogste actiebar om de pagina te creëren
- Tik Gedaan om aan AEM Sites admin terug te keren
De API-pagina voor gebeurtenissen ontwerpen
-
Bewerk de Gebeurtenissen API pagina door aan AEM > Plaatsen > Mobiele WKND > Engels > API te navigeren, de Gebeurtenissen API pagina te selecteren, en het tikken geeft in de hoogste actiebar uit.
-
Voeg het beeld van het a embleem aan vertoning in app toe door het van de Vinder van Activa op placeholder van de component van het Beeld te slepen en te laten vallen.
- Gebruik het meegeleverde logo dat u kunt vinden op
/content/dam/wknd-mobile/images/wknd-logo.png.
- Gebruik het meegeleverde logo dat u kunt vinden op
-
Voeg markeringslijn toe om boven de gebeurtenissen te tonen.
- Bewerk de component van de Tekst
- Voer de tekst in:
The WKND is here.
-
Selecteer de gebeurtenissen aan vertoning:
-
Plaats de volgende configuratie op het Eigenschappen lusje:
- Model: Gebeurtenis
- Bovenliggend pad: /content/dam/wknd-mobile/nl/events
- Tags: <Leave blank>
-
Plaats de volgende configuratie op het Elementen lusje:
- Verwijder alle vermelde elementen om ervoor te zorgen dat ALLE elementen van de fragmenten voor gebeurtenisinhoud zichtbaar zijn.
-
De JSON-uitvoer van de API-pagina controleren
De JSON-uitvoer en de indeling ervan kunnen worden gecontroleerd door de pagina aan te vragen bij de kiezer van .model.json .
Deze JSON-structuur (of -schema) moet goed worden begrepen door consumenten van deze API. Het is van essentieel belang dat gebruikers weten welke aspecten van de structuur vast zijn (dat wil zeggen: het logo (afbeelding) en de live tag (tekst) van de API voor gebeurtenissen en zijn vloeiend (dat wil zeggen: de gebeurtenissen vermeld onder de component Lijst van het Fragment van de Inhoud).
Als u dit contract niet toepast op een gepubliceerde API, kan dit leiden tot een onjuist gedrag in de betreffende apps.
-
In nieuwe browsertabbladen vraagt u de API-pagina's voor gebeurtenissen aan met de
.model.json-kiezer, die de JSON Exporter van Content Services aanroept AEM en de pagina en componenten serialiseert in een genormaliseerde, goed gedefinieerde JSON-structuur.De JSON-structuur die door deze pagina's wordt gemaakt, is de structuur waarop apps moeten worden uitgelijnd.
-
Vraag de gebeurtenissen API pagina als JSON aan.
Het resultaat moet er ongeveer als volgt uitzien:
.tidy selecteur te gebruiken zijn:Volgende stap
Naar keuze, installeer com.adobe.aem.guides.wknd-mobile.content.chapter-5.zipinhoudspakket op AEM Auteur via AEM de Manager van het Pakket. Dit pakket bevat de configuraties en inhoud die in dit en vorige hoofdstukken van de zelfstudie worden beschreven.