L'app ibrida è pronta per AEM Mobile?

NOTA

Adobe consiglia di utilizzare l'editor SPA 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 la tua app Hybrid PhoneGap o Cordova in AEM, ora cosa? È probabile che desideriate aggiungere all'app contenuto modificabile. Per eseguire questa attività, è necessario conoscere in modo generale la 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 dell'app PhoneGap ibrida creata dallo sviluppatore di app.

Per "contenuto" si intendono i componenti, i modelli e le pagine create 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 di 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 di AEM i percorsi in cui aggiungere il contenuto creato AEM e quindi fornire una pagina segnaposto nell'app ibrida che verrà sostituita dopo che lo sviluppatore AEM avrà creato il contenuto della pagina.

Per semplificare la spiegazione, utilizzeremo il Marketing Cloud AEM: AEM Mobile Hybrid Reference per spiegare i concetti. L'app Riferimento ibrido è costituita da una pagina di benvenuto con un menu laterale.

chlimage_1-76

In questo esempio verrà creata la pagina di benvenuto dell'applicazione. Date un'occhiata alla 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 AEM sviluppatore 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.

chlimage_1-77

È importante che l’app ibrida e il contenuto AEM creato 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.

chlimage_1-78

Quando "Scarica origine" dal dashboard dell'app, questi script ContentSync vengono eseguiti per assemblare un archivio dell'app ibrida.

chlimage_1-79

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à alla pagina che faceva parte dell’app di riferimento ibrido qualsiasi cosa si trovi in AEM in quella posizione. La sovrapposizione viene gestita da ContentSync in modo che per gli utenti che utilizzano l'app gli aggiornamenti all'app con AEM contenuto creato siano perfetti e non richiedano una nuova build dell'app. Di conseguenza, quando eseguite l'app, la pagina di benvenuto verrà visualizzata come segue:

chlimage_1-80

In questa pagina