¿Su aplicación híbrida está lista para AEM Mobile?

NOTA

Adobe SPA recomienda utilizar el Editor de para proyectos que requieran procesamiento del lado del cliente basado en el marco de trabajo de la aplicación de una sola página (por ejemplo, React). Más información.

AEM Ha importado su aplicación híbrida PhoneGap o Cordova en el mercado de los teléfonos móviles, ¿y ahora qué? Es probable que quiera añadir contenido legible a su aplicación. AEM Para realizar esta tarea, necesita una comprensión general de la estructura de una aplicación de la aplicación de la. AEM Una aplicación en la se divide comúnmente en dos partes. El "shell" y el "content". El "shell" consta de las partes estáticas de la aplicación, como los archivos de configuración de PhoneGap, el marco de la aplicación y los controles de navegación. El contenido del archivo que ha importado se almacena como parte del shell. AEM En el contexto de este documento, el shell es todo el contenido no creado por el desarrollador de la aplicación Híbrida de PhoneGap que no es de autor de la aplicación.

AEM AEM El contenido hace referencia a los componentes, las plantillas y las páginas creadas en las que se crea el desarrollador de contenido de la página de la página de la aplicación de la aplicación de la manera de crear la página de la página de la aplicación de la. El contenido se clasifica como contenido de desarrollador 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 con los componentes y las plantillas. Por lo general, las realiza un diseñador o un experto en marketing.

AEM AEM La adición de páginas de creadas a la aplicación híbrida requiere la coordinación entre el desarrollador de la aplicación y el desarrollador de la. AEM En cualquier lugar de la aplicación en el que desee añadir contenido creado, el desarrollador de la aplicación debe organizar estas páginas en una estructura que se pueda superponer en los elementos de la aplicación. AEM AEM AEM El desarrollador de aplicaciones debe poder proporcionar al desarrollador de la aplicación las rutas a las que se agrega el contenido creado y, a continuación, proporcionar una página de marcador de posición en la aplicación híbrida que se reemplazará después de que el desarrollador de la aplicación haya creado el contenido de la página.

AEM Para facilitar el seguimiento de la explicación, se utilizará el Marketing Cloud de trabajo: Referencia híbrida de AEM Mobile para la explicación de los conceptos. La aplicación de referencia híbrida consiste en una página de bienvenida con un menú lateral.

chlimage_1-76

En este ejemplo, vamos a crear la página de bienvenida de la aplicación. Echando un vistazo a 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 ha proporcionado una plantilla para la página que la aplicación procesa. AEM Es allí donde el desarrollador de aplicaciones y el desarrollador de aplicaciones deben coordinarse para realizar las tareas de desarrollo de la aplicación. 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''. AEM AEM Esta ruta es extremadamente importante, ya que el desarrollador de la creará su página de bienvenida en el repositorio de carpetas utilizando la misma ruta.

chlimage_1-77

AEM Es importante que la aplicación híbrida y el contenido creado por el utilicen la misma ruta porque dependemos de la capacidad de superponer contenido mediante la sincronización de contenido para añadir nuevas páginas a la aplicación híbrida. AEM Cuando la aplicación híbrida se importa a la red de distribución de contenido como parte del proceso de importación, se configuran las opciones de configuración de sincronización de contenido.

chlimage_1-78

Al "Descargar origen" desde el panel de aplicaciones, estos scripts de ContentSync se ejecutan para montar un archivo de la aplicación híbrida.

chlimage_1-79

ContentSync primero extrae el "shell" de la aplicación, que es donde se almacena todo el contenido desarrollado por la aplicación híbrida, y luego extrae el "contenido" de la aplicación. Ahora, si hay páginas en el "shell" que tienen la misma ruta que en el "content", las páginas bajo el "shell" se (reemplazarán) por las páginas bajo el "content". AEM AEM En otras palabras, en el ejemplo de la aplicación de referencia híbrida, si creamos una página en la aplicación que tiene la misma ruta que "content/mobileapps/hybrid-reference-app/en/welcome.template.html" cuando se ejecuta ContentSync, se superpondrá la página que formaba parte de la aplicación de referencia híbrida con lo que haya en la aplicación de referencia híbrida con lo que se encuentre en esa ubicación. AEM ContentSync se encarga de la superposición, por lo que para alguien que esté utilizando la aplicación las actualizaciones de la aplicación con contenido creado por el autor se verán sin problemas y no requerirán una reconstrucción de la aplicación. Como resultado, al ejecutar la aplicación, la página de bienvenida aparecerá de la siguiente manera:

chlimage_1-80

En esta página