Show Menu
ARGOMENTI×

L'app ibrida è pronta per AEM Mobile?

Adobe consiglia di utilizzare SPA Editor per i progetti che richiedono il rendering lato client basato sul framework dell'applicazione a pagina singola (ad es. React). Per saperne di più .
Quindi hai importato l'app Hybrid PhoneGap o Cordova in AEM, ora cosa? È probabile che desideriate aggiungere all'app contenuto modificabile. Per eseguire questa attività, è necessario avere una conoscenza generale della struttura di un'app AEM. Un'app in AEM è comunemente divisa in due parti. 'shell' e 'content'. La 'shell' comprende le parti statiche dell'app; come i file di configurazione PhoneGap, il framework dell'app e i controlli di navigazione. I contenuti dell'archivio importato vengono memorizzati come parte della shell. Nel contesto di questo documento, la shell è tutto il contenuto non-AEM creato dall’app PhoneGap ibrida creata dallo sviluppatore di app.
Per "contenuto" si intendono i componenti, i modelli e le pagine create in AEM dallo sviluppatore AEM. Il contenuto è classificato come contenuto sviluppatore o come contenuto creato. I componenti, le progettazioni e i modelli di pagina sono considerati come contenuti da sviluppo, poiché sono creati da uno sviluppatore. author-content sono pagine create utilizzando i componenti e i modelli. Generalmente, sono eseguite da un designer o un esperto di marketing.
L'aggiunta di pagine AEM create all'app ibrida richiede il coordinamento tra lo sviluppatore di app e lo sviluppatore AEM. In qualsiasi punto dell'app in cui desiderate aggiungere contenuto creato, lo sviluppatore di app deve organizzare queste pagine in una struttura che può essere sovrapposta in AEM. Lo sviluppatore di app deve essere in grado di fornire allo sviluppatore AEM i percorsi in cui aggiungere il contenuto creato da AEM e quindi fornire nell’app ibrida una pagina segnaposto che verrà sostituita dopo che lo sviluppatore AEM avrà creato il contenuto della pagina.
Per semplificare la procedura, utilizzeremo AEM Marketing Cloud: Guida di riferimento ibrido di AEM Mobile per illustrare i concetti. L'app Riferimento ibrido è costituita da una pagina di benvenuto con un menu laterale.
In questo esempio verrà creata la pagina di benvenuto dell'applicazione. Guardate la fonte https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75 . Lo sviluppatore di app ha definito una pagina di benvenuto e fornito un modello per la pagina di cui l'app esegue il rendering. Qui è dove lo sviluppatore di app e lo sviluppatore di AEM devono coordinarsi. Il percorso del modello di pagina di benvenuto nell'app di riferimento ibrida è definito come ''content/mobileapps/hybrid-reference-app/en/welcome.template.html''. Questo percorso è estremamente importante perché lo sviluppatore AEM creerà la propria pagina di benvenuto nell’archivio AEM utilizzando lo stesso percorso.
È importante che l’app ibrida e il contenuto creato da AEM utilizzino lo stesso percorso, perché ci affidiamo alla possibilità di sovrapporre il contenuto tramite Content Sync per aggiungere nuove pagine all’app ibrida. Quando l’app ibrida viene importata in AEM come parte del processo di importazione, vengono configurate le configurazioni di sincronizzazione dei contenuti.
Quando "Scarica origine" dal dashboard dell'app, questi script ContentSync vengono eseguiti per assemblare un archivio dell'app ibrida.
ContentSync richiama innanzitutto 'shell' dell'app, dove viene memorizzato tutto il contenuto sviluppato dall'app ibrida, e quindi richiama 'content' dell'app. Ora, se nella shell sono presenti pagine con lo stesso percorso di "contenuto", le pagine sotto "shell" saranno (sostituite) dalle pagine sotto "contenuto". In altre parole, nell’esempio dell’app di riferimento ibrida se creiamo una pagina in AEM con lo stesso percorso di ''content/mobileapps/hybrid-reference-app/en/welcome.template.html'' durante l’esecuzione di ContentSync, essa sovrapporrà la pagina che faceva parte dell’app di riferimento ibrido a qualsiasi altra pagina presente in AEM in tale posizione. La sovrapposizione viene gestita da ContentSync, in modo che per gli utenti che utilizzano l'app gli aggiornamenti all'app con il contenuto creato da AEM risultino perfetti e non richiedano una nuova generazione dell'app. Di conseguenza, quando eseguite l'app, la pagina di benvenuto verrà visualizzata come segue: