Creazione e aggiunta di modelli e componenti creating-and-adding-templates-and-components
AEM Mobile On-Demand fornisce un modello di app, un modello di articolo e componenti per articoli completamente configurati.
L'app We.Unlimited è un modello di esempio che rappresenta la shell di un'applicazione AEM Mobile On-Demand completamente configurabile e gestibile.
La selezione di questo modello di esempio durante la creazione di un’app offre una dashboard con funzioni avanzate di AEM Mobile.
Creazione di modelli di app creating-app-templates
Un modello di app viene utilizzato per creare un’app e funge da raccolta di modelli di pagina e componenti che rappresentano una linea di base o le basi di un’app. Il modello timbra alcune proprietà fondamentali per condurre l’app nel modo appropriato. In generale, un cliente non creerebbe troppe app in totale.
I modelli di app offrono un modo semplice di utilizzare le progettazioni esistenti create dagli sviluppatori e utilizzate per la creazione di nuove app nell’ambito dell’AEM.
Quando crei un’app basata sul modello di un’altra app, otterrai un’app con un punto di partenza rappresentativo dell’app da cui è stata creata.
Passaggi per creare un’app basata su un modello di app:
- Passa al catalogo delle app AEM Mobile: <server-url>/aem/apps.html/content/mobileapps
- Seleziona Crea > App come mostrato di seguito
Dopo aver creato un’app utilizzando questo modello, puoi aggiungere all’app articoli, banner e raccolte. Per rivedere, creare articoli, banner e raccolte, vedere Azioni di gestione dei contenuti.
Creazione di modelli di contenuto creating-content-templates
Ogni tipo di entità dispone di due modelli predefiniti. Secondo questi principi, il contenuto deve essere:
- Modelli predefiniti: utilizzati per la creazione di contenuto con proprietà/struttura predefinite applicabili
- Modelli importati: utilizzati per importare contenuto da AEM Mobile con proprietà/struttura predefinita applicabile
Modelli di articolo article-templates
L’articolo Unlimited è un modello di esempio che rappresenta un layout di articolo AEM Mobile On-Demand tipico.
-
In Gestisci articoli, seleziona + per creare un articolo. Puoi scegliere un articolo illimitato o un articolo Rich Text. L’immagine seguente mostra l’opzione che consente di scegliere uno di questi due modelli di articolo.
-
Fai clic su Avanti per definire i metadati dell'articolo come Nome/Titolo, Descrizione, Autore, Riassunto, Reparto, Immagine miniatura, Accesso all'articolo e così via.
-
Fai clic su Avanti per compilare le Proprietà annuncio.
-
Fai clic su Avanti per inserire l'immagine dell'articolo o dell'elemento di social media
-
Fai clic su Avanti per scegliere un collegamento di raccolta a questo nuovo articolo.
-
Fai clic su Avanti per immettere i dettagli per la condivisione tramite social network.
-
Fai clic su Crea per completare il processo di creazione di un articolo utilizzando l'esempio. Fai clic su Fine o Modifica articolo per modificare le proprietà di questo articolo.
Aggiunta di componenti all’articolo adding-components-to-article
Una volta creato, un autore può modificare il contenuto di un articolo aggiungendo componenti come testo e immagini. Gli articoli sono un’estensione dei modelli di pagina dell’AEM.
Seleziona un articolo da modificare, quindi fai clic su Modifica per aggiungere componenti all'articolo.
Scegliere '+' nel pannello sinistro per aggiungere componenti all'articolo.
Creazione di modelli predefiniti creating-out-of-the-box-templates
Non sono presenti modelli di articolo predefiniti, tuttavia è presente un modello predefinito che i modelli personalizzati devono estendere. Vedi Esempio di modello di articolo dell'app Geometrixx Unlimited.
Le proprietà chiave oltre il normale modello AEM richiesto includono:
dps-resourceType="dps:Article"
Questa proprietà assicura che la pagina AEM sia riconosciuta come pagina di articolo di destinazione di AEM Mobile.
Come per i modelli AEM, puoi aggiungere tutte le proprietà predefinite o i nodi secondari al jcr:content del modello.
Banner e modelli di raccolta banner-and-collection-templates
Creazione e aggiunta di componenti creating-and-adding-components
I componenti utilizzano e consentono l’accesso ai widget che vengono utilizzati per eseguire il rendering del contenuto.
Un componente semplice è incluso nell’archivio del codice, la cui origine è reperibile in AEM. Successivamente può essere aperto anche a livello locale in CRXDE Lite.
Puoi aggiungere componenti alla pagina. Qualsiasi componente può essere utilizzato in un’app AEM Mobile, ma se applicato potrebbe non essere riprodotto correttamente.
Tuttavia, i componenti personalizzati potrebbero non esportare e caricare correttamente in AEM Mobile On-demand Services senza un gestore di sincronizzazione del contenuto di esportazione personalizzato con rendering in AEM.
Una volta che il componente è già stato incluso in una pagina AEM, insieme ad alcuni altri componenti del blocco predefinito, puoi aggiungerne un altro alla pagina o modificarne uno esistente.
Per aggiungere un altro componente alla pagina:
- Scegli quella pagina e accertati di essere in modalità Modifica, tramite il menu a discesa in alto a destra dell’intestazione dell’editor
- Attiva/disattiva il pannello laterale utilizzando l’icona più a sinistra nell’intestazione dell’editor
- Seleziona la scheda Componenti
- Trascina uno dei componenti disponibili nella pagina
Per modificare un componente esistente:
- Scegli quella pagina e assicurati di essere in modalità Modifica e seleziona il componente
- Seleziona l’icona chiave inglese per configurare il componente