AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.
Adobe consiglia di utilizzare l’editor di SPA per i progetti che richiedono il rendering lato client basato sul framework di un’applicazione a pagina singola (ad esempio, React). Ulteriori informazioni.
Il processo di sviluppo delle applicazioni mobili AEM riconosce che gli utenti con competenze diverse contribuiscono allo sviluppo delle applicazioni mobili. La seguente mappa del processo illustra l’ordine generale in cui autori di contenuti e sviluppatori di applicazioni eseguono le attività.
In questa pagina vengono visualizzate informazioni su come eseguire le attività di marketing. Per informazioni sulle attività per sviluppatori, vedere Creazione di applicazioni PhoneGap.
AEM Mobile fornisce la blueprint dell’app Phonegap per la creazione di applicazioni mobili. La blueprint definisce la struttura delle applicazioni create. Le domande sono costituite dai seguenti elementi:
La pagina principale delle applicazioni mobili create in AEM viene visualizzata nella console App.
La pagina principale viene memorizzata sotto la proprietà Percorso di Destinazione dell'applicazione specificata al momento della creazione dell'applicazione (il percorso predefinito è /content/phonegap/apps). Il nome della pagina è la proprietà Name dell'applicazione. Ad esempio, l’URL predefinito della pagina principale del sito denominato myphonegapapp
è http://localhost:4502/content/phonegap/apps/myphonegapapp.html
.
Le prime pagine figlie della pagina principale sono le varianti di lingua dell’applicazione. Il nome di ogni pagina è la lingua per la quale viene creata l’applicazione. Ad esempio, Inglese è il nome della variante inglese dell’applicazione.
Nota: La blueprint predefinita di PhoneGap crea solo un'applicazione inglese. Lo sviluppatore può modificare la blueprint in modo da creare più varianti di lingua.
La pagina relativa alla lingua ha due finalità:
All'apertura dell'applicazione viene visualizzata la home page o index.html di una variante di lingua di un'applicazione.La home page fornisce agli utenti un menu di collegamenti a varie pagine dell'applicazione. Il sistema paragrafo consente di aggiungere componenti alla pagina per la creazione di contenuti.
Le applicazioni mobili si basano su un modello che definisce una struttura e proprietà della pagina. Puoi configurare le seguenti proprietà dell'applicazione:
Puoi anche fornire un file immagine da utilizzare come miniatura dell’applicazione, selezionare la configurazione della PhoneGap Build da utilizzare e selezionare la configurazione di analisi dell’app mobile da utilizzare. Questa immagine viene utilizzata solo come miniatura per rappresentare la tua app mobile all’interno della console app mobili di Experience Manager.
Sono presenti schede aggiuntive (e facoltative) per creare il servizio cloud e integrare il plug-in Adobe Mobile Services SDK nella tua app.
Gli sviluppatori possono utilizzare il kit di avvio PhoneGap AEM per creare app e aggiungerle alla console.
La procedura seguente utilizza l’interfaccia utente touch per creare un’app mobile.
Nella barra, fai clic su App.
Tocca o fai clic sull’icona Crea .
(Facoltativo) Nella scheda Avanzate , fornisci una descrizione dell’applicazione e, se necessario, modifica l’URL del server.
(Facoltativo) Se si utilizza PhoneGap Build per compilare l'applicazione, nella scheda Build selezionare la configurazione da utilizzare.
Per creare una configurazione di build PhoneGap, fai clic su Gestisci configurazioni.
(Facoltativo) Se utilizzi SiteCatalyst per monitorare l’attività dell’applicazione, seleziona la configurazione da utilizzare nella scheda Analytics.
Per creare una configurazione di app mobile, fai clic su Gestione configurazioni.
(Facoltativo) Per fornire un'icona dell'applicazione, fare clic sul pulsante Sfoglia, selezionare il file immagine dal file system e fare clic su Apri.
Fai clic su Crea.
Dopo aver creato un’app mobile, puoi modificare le proprietà.
Nella barra, tocca o fai clic su App.
Seleziona l’applicazione da configurare e fai clic sull’icona Visualizza proprietà pagina .
Per modificare i valori delle proprietà, tocca o fai clic sull’icona Modifica .
Configura le proprietà Base e Avanzate , quindi tocca o fai clic sull’icona Fine .
Nella barra, tocca o fai clic su App.
Fai clic su per approfondire l'app mobile da modificare nella console di amministrazione delle app. Selezionare la versione della lingua dell'applicazione da configurare e fare clic sull'icona Visualizza proprietà applicazione.
Per modificare i valori delle proprietà, tocca o fai clic sull’icona Modifica .
Configura le proprietà nelle schede Base, Avanzate, Genera e Analytics , quindi tocca o fai clic sull’icona Fine .
Dopo aver creato l’app mobile, aggiungi il contenuto utilizzato come interfaccia utente dell’applicazione.
La cache di sincronizzazione dei contenuti nell’istanza di pubblicazione AEM viene utilizzata come archivio di contenuti per le applicazioni mobili:
Le applicazioni mobili includono un comando Aggiornamenti che scarica e installa il contenuto aggiornato dell'applicazione. Quando un'istanza di un'applicazione invia una richiesta di aggiornamento, Content Sync determina quale contenuto è stato modificato dall'ultima volta che l'applicazione è stata aggiornata o installata e fornisce il nuovo contenuto.
Per rendere disponibile contenuto aggiornato alle applicazioni, devi aggiornare la cache di sincronizzazione dei contenuti. Al primo aggiornamento della cache, viene aggiunto tutto il contenuto pubblicato. Gli aggiornamenti successivi aggiungono solo il contenuto pubblicato che è cambiato dall’aggiornamento precedente.
La sincronizzazione dei contenuti tiene traccia anche di quando si verificano gli aggiornamenti. Con queste informazioni, Content Sync può determinare quale aggiornamento della cache inviare a un’app mobile.
Esegui la seguente procedura sull’istanza in cui desideri aggiornare la cache. Ad esempio, se l’applicazione richiede aggiornamenti dall’istanza di pubblicazione, esegui la procedura sull’istanza di pubblicazione.
Nella barra, tocca o fai clic su App, quindi tocca o fai clic sull’applicazione.
Seleziona la pagina iniziale, quindi tocca o fai clic sull’icona Aggiorna cache .
Si tratta di una funzione disponibile con App 6.1 Feature Pack 2 e fornisce un modo semplice per sfruttare i modelli di app esistenti per la creazione di nuove app in AEM.
Che cos'è un modello di app? Consideralo come una raccolta di modelli di pagina e componenti che rappresentano una linea di base o una base di un’app.
Quando crei una nuova app basata sul modello di un’altra app, riceverai un’app con un punto di partenza rappresentativo dell’app da cui è stata creata.
Per utilizzare questa funzione, devi disporre di un modello di app mobile esistente (o di un’app installata con un modello di app).
L'ultimo pacchetto di esempi AEM Apps 6.1 include una versione aggiornata dell'app Geometrixx con un modello di app. In alternativa, è possibile installare StarterKit che fornisce anche un modello.
Passaggi per creare una nuova app basata su un modello di app:
Fai clic su Avanti.
Immetti un ID app e un titolo, tuttavia potresti voler includere anche un Nome e una Descrizione.
Se disinstalli il pacchetto dell'app di riferimento dei Geometrixx Outdoors da AEM e hai creato un'app basata sul suo modello, allora quell'app non funzionerà più. L’app Geometrixx Outdoors può essere rimossa, ma il modello di app deve rimanere se utilizzato da altre applicazioni mobili.
L’app Geometrixx Outdoors è un’applicazione PhoneGap di esempio che illustra le funzioni del progetto predefinito dell’applicazione PhoneGap e dei componenti mobili di esempio.
Per aprire l'applicazione, dalla barra laterale fai clic su Applicazioni mobili e quindi seleziona Geometrixx Outdoors app .
Ogni pagina dell’app mobile include le seguenti funzionalità:
Pulsante Indietro per tornare alla pagina padre. Il pulsante Indietro non viene visualizzato nella home page.
Una barra espandibile che offre un menu di comandi e collegamenti:
Il sistema paragrafo, per aggiungere componenti e creare contenuti.
Il contenuto della home page è costituito dai seguenti strumenti di navigazione:
La pagina Gear consente agli utenti di accedere alle pagine dei prodotti. Un componente Elenco menu consente di accedere alle pagine figlie della pagina corrispondente. Le pagine figlie sono categorie di prodotti disponibili nel sito web.
Ogni pagina di categoria utilizza la stessa struttura di contenuto della pagina Ingranaggio. Il carosello consente di accedere alle pagine figlie che sono sottocategorie di prodotti. Le pagine delle sottocategorie contengono elenchi di prodotti che forniscono collegamenti alle pagine di prodotto.
La pagina Prodotti e la sua gerarchia di pagine figlie implementano un sistema di classificazione per le pagine dei prodotti. Le pagine più basse di ogni ramo dell’gerarchia sono una pagina di prodotto contenente un componente Product .
La pagina Prodotti non è disponibile per gli utenti dell’applicazione. La pagina Gear consente di accedere a ogni pagina di prodotto.
Contiene un pulsante Indietro. Il sistema paragrafo consente di aggiungere componenti.
Quando utilizzi l’applicazione, la pagina Recensioni è disponibile dal carosello nella pagina inglese.
Contiene un pulsante Indietro. Il sistema paragrafo consente di aggiungere componenti.
Quando si utilizza l'applicazione, la pagina News è disponibile dal carosello nella pagina inglese.
La pagina Informazioni su di noi contiene diversi componenti per riga a due colonne . Ogni colonna contiene un componente Immagine o Testo . I componenti sono modificabili e il sistema paragrafo consente di aggiungere componenti.
Quando utilizzi l’applicazione, la pagina Informazioni su di noi è disponibile dal carosello nella pagina Inglese.
La pagina Posizioni contiene un componente Posizioni .
Quando si utilizza l’applicazione, la pagina Posizioni è disponibile dall’elenco dei menu nella pagina Inglese.
Nella barra laterale sono immediatamente disponibili diversi componenti per la creazione delle pagine di un’app mobile. I componenti appartengono al gruppo di componenti PhoneGap.
Il componente Carosello rapido è uno strumento per visualizzare e navigare nelle pagine del sito. Il componente include un carosello che scorre le immagini per le pagine elencate sopra un elenco di collegamenti di pagina. Modifica il componente per specificare le pagine da esporre e il comportamento del carosello.
Le immagini vengono visualizzate nel carosello per le pagine associate a un’immagine in un modo specifico. Quando le pagine non sono associate alle immagini, viene visualizzato solo l’elenco dei collegamenti.
Scheda delle proprietà del carosello
Configura il comportamento del carosello:
Scheda Proprietà elenco
Specifica come viene generato l’elenco di pagine:
Il componente Carosello rapido fornisce i seguenti valori per la proprietà Elenco build utilizzando . La finestra di dialogo di modifica cambia in base al valore selezionato:
Pagine figlie
Il componente elenca tutte le pagine figlie di una pagina specifica. Dopo aver selezionato questo valore, selezionare la pagina nella scheda Pagine figlie o specificare un valore per non elencare le pagine figlie della pagina corrente.
Elenco fisso
Specifica un elenco di pagine di inclusione. Dopo aver selezionato questo valore, configurare l'elenco nella scheda Elenco fisso visualizzata quando si seleziona Elenco fisso:
La proprietà Order By non influisce sull'ordine degli elenchi fissi.
Ricerca
Compilare l’elenco utilizzando i risultati di una ricerca per parola chiave. La ricerca viene eseguita negli elementi secondari di una pagina specificata:
Ricerca avanzata
Compilare l’elenco utilizzando un’ Querybuilder query.
Aggiungi un'immagine al contenuto dell'applicazione.
Aggiungi testo RTF al contenuto dell'applicazione.
Il componente Store Locations (Posizioni store) fornisce agli utenti gli strumenti per trovare punti vendita:
Il componente richiede che l’archivio contenga informazioni sulla posizione per ogni archivio. Le posizioni di esempio sono installate nel nodo /etc/commerce/locations/adobe .
Consente di aggiungere componenti affiancati a una pagina.