La tua app ibrida è pronta per Adobe Experience Manager Mobili?

Ultimo aggiornamento: 2023-12-07
  • Argomenti:
  • Mobile
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • User
NOTA

L’Adobe consiglia di utilizzare l’Editor SPA per i progetti che richiedono il rendering lato client basato su framework di applicazione a pagina singola (ad esempio, React). Ulteriori informazioni.

Quindi hai importato la tua app Hybrid PhoneGap o Cordova nell'AEM, e ora? È probabile che tu voglia aggiungere contenuto creabile all’app. Per eseguire questa attività, è necessario avere una conoscenza generale della struttura di un’app AEM. Un’app nell’AEM è comunemente divisa in due parti. La "shell" e il "contenuto". La "shell" comprende le parti statiche dell’app, ad esempio i file di configurazione PhoneGap, il framework dell’app e i controlli di navigazione. Il contenuto dell'archivio importato viene memorizzato come parte della shell. Nel contesto di questo documento, la shell è tutto il contenuto creato non dall’AEM dell’app Hybrid PhoneGap creata dallo sviluppatore dell’app.

Il contenuto si riferisce ai componenti, ai modelli e alle pagine create da AEM e create dallo sviluppatore AEM. Il contenuto è classificato come contenuto per sviluppatori o come contenuto creato. Componenti, progettazioni e modelli di pagina sono considerati contenuti per lo sviluppo in quanto sono generati da uno sviluppatore. I contenuti dell’autore sono pagine che sono state create utilizzando i componenti e i modelli. Queste pagine vengono in genere eseguite da un designer o un addetto al marketing.

L’aggiunta di pagine AEM create all’app ibrida richiede il coordinamento tra lo sviluppatore dell’app e lo sviluppatore dell’AEM. In qualsiasi punto dell’app in cui desideri aggiungere contenuti creati, lo sviluppatore dell’app deve organizzare queste pagine in una struttura che possa essere sovrapposta in Experience Manager. Lo sviluppatore di app deve essere in grado di fornire allo sviluppatore di Experienci Manager i percorsi in cui viene aggiunto il contenuto creato dall’Experience Manager. Quindi, fornisci una pagina segnaposto nell’app ibrida che viene sostituita dopo che lo sviluppatore Experience Manager ha creato il contenuto della pagina.

Per rendere la spiegazione più facile da seguire, viene utilizzato l'Experience Cloud dell'AEM: AEM Mobile Hybrid Reference per spiegare i concetti. L’app Hybrid Reference è costituita da una pagina di benvenuto con un menu laterale.

chlimage_1-76

In questo esempio verrà creata la pagina di benvenuto dell’applicazione. Visualizzazione dell'origine https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. Lo sviluppatore dell’app ha definito una pagina di benvenuto e fornito un modello per la pagina di cui viene eseguito il rendering dall’app. Lo sviluppatore di app e lo sviluppatore di AEM devono coordinarsi in questa pagina. Il percorso del modello della pagina di benvenuto nell’app di riferimento ibrida è definito come "content/mobileapps/hybrid-reference-app/en/welcome.template.html". Questo percorso è importante perché lo sviluppatore AEM creerà la pagina di benvenuto nell’archivio AEM utilizzando lo stesso percorso.

chlimage_1-77

È importante che l’app ibrida e i contenuti creati dall’AEM utilizzino lo stesso percorso, perché per aggiungere nuove pagine all’app ibrida si basa sulla possibilità di sovrapporre i contenuti utilizzando Sincronizzazione contenuti. Quando l’app ibrida viene importata in AEM, come parte del processo di importazione, vengono impostate 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 prima richiama la "shell" dell’app, dove vengono memorizzati tutti i contenuti sviluppati dall’app ibrida. Quindi, estrae il "contenuto" dell’app. Ora, se ci sono pagine nella "shell" che hanno lo stesso percorso di "content", le pagine sotto "shell" sono (sostituite) dalle pagine sotto "content". Nell’esempio dell’app di riferimento ibrida, se viene creata una pagina in AEM con lo stesso percorso di "content/mobileapps/hybrid-reference-app/en/welcome.template.html", quando viene eseguito ContentSync, questa si sovrappone alla pagina che faceva parte dell’app di riferimento ibrido. Si sovrappone a qualsiasi cosa ci sia nell'AEM in quella posizione. La sovrapposizione è gestita da ContentSync, quindi per qualcuno che sta utilizzando l'app, gli aggiornamenti all'app con contenuti creati da AEM sono facili da interpretare e non richiedono la ricostruzione dell'app. Di conseguenza, quando esegui l’app, la pagina di benvenuto viene visualizzata come segue:

chlimage_1-80

In questa pagina