¿Su aplicación híbrida está lista para Adobe Experience Manager Mobile?

Última actualización: 2023-12-07
  • Temas:
  • Mobile
    Ver más sobre este tema
  • Creado para:
  • User
NOTA

Adobe SPA recomienda utilizar el Editor de para proyectos que requieran una representación del lado del cliente basada 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 llevar a cabo esta tarea, necesita una comprensión general de la estructura de una aplicación de. AEM Una aplicación en la se divide comúnmente en dos partes. El "shell" y el "content". El "shell" comprende 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 la aplicación de manera de crear el contenido de la página de la aplicación de la aplicación de la manera de crear 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. El contenido de autor son páginas que se han creado mediante los componentes y las plantillas. Estas páginas las suele realizar un diseñador o un especialista 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. En cualquier lugar de la aplicación donde desee añadir contenido creado, el desarrollador de la aplicación debe organizar estas páginas en una estructura que se pueda superponer en Experience Manager. El desarrollador de aplicaciones debe poder proporcionar al desarrollador del Experience Manager las rutas en las que se agrega el contenido creado por el Experience Manager. A continuación, proporcione una página de marcador de posición en la aplicación híbrida que se sustituya después de que el desarrollador Experience Manager haya creado el contenido de la página.

AEM Para facilitar el seguimiento de la explicación, se está utilizando el Experience Cloud de la: 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.

chlimage_1-76

En este ejemplo, se va a crear la página de bienvenida de la aplicación. Mirando a la fuente https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. Observe 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 representa. AEM En esta página es donde deben coordinarse el desarrollador de aplicaciones y el desarrollador de. 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 importante porque 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 se basa en la capacidad de superponer contenido mediante la sincronización de contenido para agregar nuevas páginas a la aplicación híbrida. AEM Cuando la aplicación híbrida se importa a la aplicación de, 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. 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 el "content", las páginas bajo el "shell" se (reemplazan) por las páginas bajo el "content". AEM Por lo tanto, en el ejemplo de la aplicación de referencia híbrida, si se crea una página en que tiene la misma ruta que ''content/mobileapps/hybrid-reference-app/en/welcome.template.html'', cuando se ejecuta ContentSync, se superpone a la página que formaba parte de la aplicación de referencia híbrida. AEM Se superpone con lo que haya en la ubicación de la que se haya en la parte de la pantalla de la pantalla de la pantalla de la pantalla de la pantalla de la 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 ven sin problemas y no requieren una reconstrucción de la aplicación. Como resultado, al ejecutar la aplicación, la página de bienvenida aparece de la siguiente manera:

chlimage_1-80

En esta página