Capitolo 5 - Authoring delle pagine di Content Services
Il capitolo 5 del tutorial AEM headless tratta la creazione della pagina dai modelli definiti nel capitolo 4. La pagina creata in questo capitolo fungerà da endpoint HTTP JSON per l’app mobile.
/content/wknd-mobile/en/api è stato precompilato. Le pagine di base di en e api hanno uno scopo architettonico e organizzativo, ma non sono strettamente richiesti. Se il contenuto API può essere localizzato, è consigliabile seguire le usuali best practice di organizzazione delle pagine Copia in lingua e Gestore multisito, in quanto la pagina API può essere localizzata come qualsiasi pagina di AEM Sites.Creazione della pagina API dell’evento
-
Accedi a AEM > Sites > WKND Mobile > English >API.
-
Toccare l’etichetta della pagina API, quindi tocca il Crea nella barra delle azioni superiore e crea una nuova pagina Eventi API sotto la pagina API.
- Tocca Crea nella barra delle azioni superiore
- Seleziona API Eventi modello
- In Nome immissione campo Eventi
- In Titolo immissione campo API Eventi
- Tocca Crea nella barra delle azioni superiore per creare la pagina
- Tocca Fine per tornare all’amministratore di AEM Sites
Creazione della pagina API degli eventi
-
Modifica il API Eventi pagina passando a AEM > Sites > WKND Mobile > Inglese > API, selezionando la API Eventi pagina e toccare Modifica nella barra delle azioni superiore.
-
Aggiungi un immagine logo per visualizzare nell’app trascinandola dal Finder risorse al segnaposto del componente Immagine.
- Utilizza il logo fornito, reperibile in
/content/dam/wknd-mobile/images/wknd-logo.png.
- Utilizza il logo fornito, reperibile in
-
Aggiungi linea di tag per visualizzare sopra gli eventi.
- Modifica il Testo componente
- Immettere il testo:
The WKND is here.
-
Seleziona la Eventi per visualizzare:
-
Imposta la seguente configurazione su Proprietà scheda:
- Modello: Evento
- Percorso principale: /content/dam/wknd-mobile/en/events
- Tag: <leave blank="">
-
Imposta la seguente configurazione su Elementi scheda:
- Rimuovi eventuali elementi elencati per garantire che SIANO ESPOSTI TUTTI gli elementi dei Frammenti di contenuto dell’evento.
-
Rivedi l’output JSON della pagina API
L’output JSON e il relativo formato possono essere rivisti richiedendo alla pagina di .model.json selettore.
Questa struttura JSON (o schema) deve essere ben compresa dai consumatori di questa API. È fondamentale che i consumatori di API comprendano quali aspetti della struttura siano fissi (ossia. il logo (immagine) e il tag live (testo) dell’API degli eventi e che sono fluidi (ad esempio gli eventi elencati in Componente Elenco frammenti di contenuto).
L’interruzione di questo contratto su un’API pubblicata può causare un comportamento errato nell’utilizzo delle app.
-
Nelle nuove schede del browser, richiedi le pagine API degli Eventi utilizzando
.model.jsonselettore che richiama l’esportatore JSON di AEM Content Services e serializza la pagina e i componenti in una struttura JSON normalizzata e ben definita.La struttura JSON prodotta da queste pagine è quella a cui le app che utilizzano la struttura devono allinearsi.
-
Richiedi API Eventi pagina come JSON.
Il risultato dovrebbe essere simile al seguente:
.tidy selettore:Passaggio successivo
Se necessario, installa com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip pacchetto di contenuti su AEM Author tramite Gestione pacchetti AEM. Questo pacchetto contiene le configurazioni e il contenuto descritti in questo e nei capitoli precedenti dell’esercitazione.