Is uw hybride app gereed voor AEM Mobile? is-your-hybrid-app-ready-for-aem-mobile
Dus u hebt uw Hybride PhoneGap- of Cordova-app geïmporteerd in AEM, wat nu? Waarschijnlijk zult u authorable inhoud aan uw app willen toevoegen. Hiervoor hebt u een algemeen inzicht in de structuur van een AEM-app nodig. Een toepassing in AEM bestaat meestal uit twee delen. De 'shell' en 'content'. De 'shell' bestaat uit de statische delen van uw app. zoals de PhoneGap-configuratiebestanden, het app-framework en de navigatiebesturingselementen. De inhoud van het archief dat u hebt geïmporteerd, wordt opgeslagen als onderdeel van de shell. In de context van dit document is de shell alle niet-AEM authored inhoud van uw Hybride toepassing PhoneGap die door de toepassingsontwikkelaar wordt gebouwd.
De inhoud verwijst naar de componenten, de malplaatjes en de authored pagina's die in AEM door de AEM Ontwikkelaar worden ontworpen. Inhoud wordt gecategoriseerd als inhoud voor ontwikkelaars of als geschreven inhoud. Componenten, ontwerpen en paginasjablonen worden beschouwd als ontwikkelinhoud omdat ze zijn gemaakt door een ontwikkelaar. auteur-inhoud zijn pagina's die met de componenten en de malplaatjes zijn gebouwd. Deze worden typisch gedaan door een ontwerper of een telleraar.
Voor het toevoegen van geschreven AEM pagina's aan uw Hybride-app is coördinatie tussen de ontwikkelaar van de app en de AEM-ontwikkelaar vereist. Overal in de app waar u geschreven inhoud wilt toevoegen, moet de ontwikkelaar van de app deze pagina's ordenen in een structuur die kan worden overschreven in AEM. De ontwikkelaar van de app moet de AEM ontwikkelaar de paden kunnen geven naar waar de AEM geschreven inhoud moet worden toegevoegd en vervolgens een tijdelijke aanduiding in de Hybride-app kunnen opgeven die wordt vervangen nadat de AEM ontwikkelaar de pagina-inhoud heeft geschreven.
Om de verklaring makkelijker te kunnen volgen, gebruiken we de AEM Marketing Cloud: AEM Mobile Hybrid Reference to claritrop the concepts. De Hybride Reference-app bestaat uit een welkomstpagina met een zijmenu.
In dit voorbeeld gaan we de welkomstpagina van de toepassing schrijven. Een blik werpen op de bron https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. We zien dat de ontwikkelaar van de app een welkomstpagina heeft gedefinieerd en een sjabloon heeft verschaft voor de pagina die door de app wordt weergegeven. Dit is waar de toepassingsontwikkelaar en AEM ontwikkelaar moeten coördineren. Het pad naar de welkomstpaginasjabloon in de Hybride Reference App is gedefinieerd als ''content/mobileapps/hybrid-reference-app/en/welcome.template.html''. Deze weg is uiterst belangrijk omdat de AEM ontwikkelaar hun welkomstpagina in de AEM bewaarplaats gebruikend de zelfde weg zal ontwerpen.
Het is belangrijk dat de hybride app en de AEM geschreven inhoud hetzelfde pad gebruiken, omdat we afhankelijk zijn van de mogelijkheid om inhoud te bedekken met Content Sync om nieuwe pagina's toe te voegen aan de hybride app. Wanneer de hybride app in AEM wordt geïmporteerd als onderdeel van het importproces, worden de configuraties Content Sync ingesteld.
Wanneer u Bron downloaden vanaf het dashboard van de app gebruikt, worden deze ContentSync-scripts uitgevoerd om een archief van uw hybride app samen te stellen.
ContentSync wordt eerst in 'shell' van de app opgehaald, waar alle toepassingen die inhoud van de Hybrid-app hebben ontwikkeld, worden opgeslagen en vervolgens in de 'content' van de app worden opgehaald. Als er nu pagina's in de shell zijn die hetzelfde pad hebben als in 'content', worden de pagina's onder 'shell' (vervangen) door de pagina's onder 'content'. Met andere woorden in het voorbeeld voor de hybride referentie-app als we een pagina maken in AEM die hetzelfde pad heeft als ''content/mobileapps/hybrid-reference-app/en/welcome.template.html'' wanneer ContentSync wordt uitgevoerd, wordt de pagina bedekt die deel uitmaakte van de Hybride Reference-app met wat er zich op die locatie AEM bevindt. De overlay wordt verzorgd door ContentSync, zodat voor iemand die de app gebruikt de updates voor de app met AEM geschreven inhoud er naadloos uitzien en de app niet opnieuw hoeft te worden samengesteld. Als u de app uitvoert, wordt de welkomstpagina als volgt weergegeven:
