¿Su aplicación híbrida está lista para AEM Mobile? is-your-hybrid-app-ready-for-aem-mobile
Así que ha importado su aplicación híbrida PhoneGap o Cordova en AEM, ¿ahora qué? Es probable que desee agregar contenido de autoría a su aplicación. Para llevar a cabo esta tarea, necesitará una comprensión general de la estructura de una aplicación AEM. Una aplicación de AEM se divide comúnmente en dos partes. El "shell" y el "contenido". El "shell" consta de las partes estáticas de la aplicación; como los archivos de configuración de PhoneGap, el marco de aplicación y los controles de navegación. El contenido del archivo que ha importado se almacena como parte del shell. En el contexto de este documento, el shell es todo el contenido no AEM creado por el desarrollador de la aplicación de PhoneGap híbrido.
El contenido hace referencia a los componentes, las plantillas y las páginas creadas en AEM creadas por el desarrollador de AEM. El contenido se clasifica como contenido para desarrolladores o como contenido creado. Los componentes, diseños y plantillas de página se consideran contenido de desarrollo, ya que los crea un desarrollador. author-content son páginas que se han creado utilizando los componentes y las plantillas. Generalmente, los realiza un diseñador o un especialista en marketing.
La adición de páginas de AEM creadas en la aplicación híbrida requiere una coordinación entre el desarrollador de la aplicación y el desarrollador de AEM. En cualquier parte de la aplicación en la que quiera añadir contenido creado, el desarrollador de la aplicación debe organizar estas páginas en una estructura que se pueda superponer en AEM. El desarrollador de la aplicación debe poder proporcionar al desarrollador de la AEM las rutas a las que se agregará el contenido creado por el AEM y, a continuación, proporcionar una página de marcador de posición en la aplicación híbrida que se sustituirá después de que el desarrollador de la AEM haya creado el contenido de la página.
Para que la explicación sea más fácil de seguir, usaremos el Marketing Cloud AEM: Referencia híbrida de AEM Mobile para explicar los conceptos. La aplicación de referencia híbrida consiste en una página de bienvenida con un menú lateral.
En este ejemplo vamos a crear la página de bienvenida de la aplicación. Mirar la fuente https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. Vemos que el desarrollador de la aplicación ha definido una página de bienvenida y proporcionado una plantilla para la página representada por la aplicación. Aquí es donde el desarrollador de la aplicación y el desarrollador de AEM deben coordinarse. La ruta a la plantilla de página de bienvenida en la aplicación de referencia híbrida se define como ''content/mobileapps/hybrid-reference-app/en/welcome.template.html''. Esta ruta es extremadamente importante porque el desarrollador de AEM creará su página de bienvenida en el repositorio de AEM usando la misma ruta.
Es importante que la aplicación híbrida y el contenido creado AEM utilicen la misma ruta, ya que confiamos en la capacidad de superponer contenido mediante la sincronización de contenido para añadir nuevas páginas a la aplicación híbrida. Cuando la aplicación híbrida se importa en AEM como parte del proceso de importación, se configuran las configuraciones de sincronización de contenido.
Cuando descarga Fuente desde el panel de la aplicación, estos scripts de ContentSync se ejecutan para ensamblar un archivo de la aplicación híbrida.
En primer lugar, ContentSync extrae "shell" de la aplicación, que es donde se almacena todo el contenido de la aplicación desarrollada por la aplicación híbrida y, a continuación, extrae el "contenido" de la aplicación. Ahora, si hay páginas en el "shell" que tienen la misma ruta que en "contenido", las páginas en "shell" serán (reemplazadas) por las páginas en "contenido". En otras palabras, en el ejemplo de la aplicación de referencia híbrida, si creamos una página en AEM que tenga la misma ruta que "content/mobileapps/hybrid-reference-app/en/welcome.template.html" cuando se ejecute ContentSync, se superpondrá la página que formaba parte de la aplicación de referencia híbrida con lo que esté en AEM en esa ubicación. ContentSync se encarga de la superposición, por lo que para alguien que utilice la aplicación, las actualizaciones de la aplicación con AEM contenido creado se verán perfectamente y no requerirán una reconstrucción de la aplicación. Como resultado, cuando ejecute la aplicación, la página de bienvenida aparecerá de la siguiente manera:
