Ist Ihre Hybrid-App bereit für Adobe Experience Manager Mobile? is-your-hybrid-app-ready-for-aem-mobile

Sie haben also Ihre hybride PhoneGap- oder Cordova-App in AEM importiert, was nun? Wahrscheinlich möchten Sie bearbeitbare Inhalte zu Ihrer App hinzufügen. Um diese Aufgabe zu bewältigen, benötigen Sie allgemeine Kenntnisse über die Struktur einer AEM-App. Eine App in AEM ist in der Regel in zwei Teile unterteilt. Die „Shell“ und der „Inhalt“. Die „Shell“ umfasst die statischen Teile Ihrer App, z. B. die PhoneGap-Konfigurationsdateien, das App-Framework und die Navigationssteuerelemente. Der Inhalt des importierten Archivs wird als Teil der Shell gespeichert. Im Kontext dieses Dokuments ist die Shell der gesamte nicht von AEM erstellte Inhalt Ihrer hybriden PhoneGap-App, der vom App-Entwickler erstellt wurde.

Inhalte beziehen sich auf die Komponenten, Vorlagen und erstellten Seiten, die in AEM erstellt wurden, die von AEM Developer erstellt wurde. Inhalte werden entweder als Entwicklerinhalte oder als erstellte Inhalte kategorisiert. Komponenten, Designs und Seitenvorlagen gelten als Entwicklungsinhalte, da sie von einem Entwickler erstellt werden. Authoring-Inhalte sind Seiten, die mithilfe der Komponenten und Vorlagen erstellt wurden. Diese Seiten werden normalerweise von einer Designer oder einem Marketing-Experten erstellt.

Das Hinzufügen von erstellten AEM-Seiten zu Ihrer Hybrid-App erfordert die Koordinierung zwischen dem App-Entwickler und dem AEM-Entwickler. Überall in der App, wo Sie erstellten Inhalt hinzufügen möchten, muss der App-Entwickler diese Seiten in einer Struktur organisieren, die in Experience Manager überlagert werden kann. Der App-Entwickler muss in der Lage sein, dem Entwickler des Experience Managers die Pfade anzugeben, zu denen der von dem Experience Manager erstellte Inhalt hinzugefügt wird. Geben Sie dann in der Hybrid-App eine Platzhalterseite an, die ersetzt wird, nachdem der Experience Manager-Entwickler den Seiteninhalt erstellt hat.

Um die Erläuterung zu vereinfachen, wird die AEM-Experience Cloud verwendet: AEM Mobile Hybrid-Referenz zur Erläuterung der Konzepte. Die Hybrid-Referenz-App besteht aus einer Begrüßungsseite mit einem Seitenmenü.

In diesem Beispiel wird die Begrüßungsseite des Programms verfasst. Überprüfung der Quelle https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. Beachten Sie, dass der App-Entwickler eine Begrüßungsseite definiert und eine Vorlage für die Seite bereitgestellt hat, die von der App gerendert wird. Auf dieser Seite müssen sich der App-Entwickler und der AEM-Entwickler abstimmen. Der Pfad zur Vorlage für die Begrüßungsseite in der Hybrid-Referenz-App ist als "content/mobileapps/hybrid-reference-app/en/welcome.template.html“ definiert. Dieser Pfad ist wichtig, da der AEM-Entwickler die Begrüßungsseite im AEM-Repository unter Verwendung desselben Pfads erstellt.

Es ist wichtig, dass die Hybrid-App und die von der AEM erstellten Inhalte denselben Pfad verwenden, da dies auf der Möglichkeit beruht, Inhalte mithilfe der Inhaltssynchronisierung zu überlagern, um der Hybrid-App neue Seiten hinzuzufügen. Wenn die Hybrid-App im Rahmen des Importvorgangs in AEM importiert wird, werden Content Sync-Konfigurationen eingerichtet.

Wenn Sie "Source herunterladen“ über das App-Dashboard, werden diese ContentSync-Skripte ausgeführt, um ein Archiv Ihrer Hybrid-App zusammenzustellen.

ContentSync ruft zunächst die „Shell“ der App ab, in der der gesamte von der App entwickelte Inhalt der Hybrid-App gespeichert wird. Anschließend ruft es den „Inhalt“ der App ab. Wenn es nun Seiten in der 'Shell' gibt, die denselben Pfad wie in 'content' haben, werden die Seiten unter 'shell' durch die Seiten unter 'content' ersetzt. Wenn also im Beispiel für die Hybrid-Referenz-App eine Seite in AEM erstellt wird, die denselben Pfad wie "content/mobileapps/hybrid-reference-app/en/welcome.template.html“ hat, wird bei der Ausführung von ContentSync die Seite überlagert, die Teil der Hybrid-Referenz-App war. Es überlagert sie mit dem, was sich an diesem Speicherort in AEM befindet. Die Überlagerung wird von ContentSync übernommen, sodass für jemanden, der die App verwendet, die Aktualisierungen der App mit von AEM erstellten Inhalten nahtlos aussehen und keine Neuerstellung der App erforderlich ist. Wenn Sie die App ausführen, wird die Begrüßungsseite daher wie folgt angezeigt: