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 El proceso de desarrollo de aplicaciones móviles reconoce que los usuarios con diferentes conocimientos contribuyen al desarrollo de aplicaciones móviles. El siguiente mapa del proceso ilustra el orden general en el que los autores de contenido y los desarrolladores de aplicaciones realizan las tareas.
La información sobre cómo realizar las tareas del experto en marketing aparece en esta página. Para obtener información sobre las tareas de desarrollador, consulte Creación de aplicaciones de PhoneGap.
AEM Mobile proporciona el modelo de aplicación de PhoneGap para la creación de aplicaciones móviles. El modelo define la estructura de las aplicaciones que crea. Las aplicaciones constan de los siguientes elementos:
AEM La página raíz de las aplicaciones móviles que cree en aparece en la consola Aplicaciones.
La página raíz se almacena debajo de la propiedad Ruta de destino de la aplicación especificada al crear la aplicación (la ruta predeterminada es /content/phonegap/apps). El nombre de página es la propiedad Name de la aplicación. Por ejemplo, la dirección URL predeterminada de la página raíz del sitio denominado myphonegapapp
es http://localhost:4502/content/phonegap/apps/myphonegapapp.html
.
Las primeras páginas secundarias de la página raíz son las variaciones de idioma de la aplicación. El nombre de cada página es el idioma para el que se crea la aplicación. Por ejemplo, inglés es el nombre de la variación en inglés de la aplicación.
Nota: El modelo predeterminado de PhoneGap crea solamente una aplicación en inglés. El desarrollador puede modificar el modelo para que pueda crear más variaciones de idioma.
La página de idioma tiene dos propósitos:
La página principal o la página index.html de una variación de idioma de una aplicación aparece cuando se abre la aplicación. La página de inicio proporciona a los usuarios un menú de vínculos a varias páginas de la aplicación. El sistema de párrafos permite agregar componentes a la página para crear contenido.
Las aplicaciones móviles se basan en un modelo que define una estructura de página y propiedades. Puede configurar las siguientes propiedades de la aplicación:
Título: El título de la aplicación.
Ruta de destino: La ubicación en el repositorio donde se almacena la aplicación. Deje el valor predeterminado para crear una ruta basada en el nombre de la aplicación.
Nombre: El valor predeterminado es el valor de la propiedad Title sin los caracteres de espacio. El nombre se utiliza dentro de CQ para hacer referencia a la aplicación, por ejemplo, para el nodo del repositorio que representa la aplicación.
Descripción: Una descripción de la aplicación.
URL del servidor: La dirección URL que proporciona actualizaciones de contenido OTA (Over-the-Air) en la aplicación. El valor predeterminado es la URL del servidor de publicación de la instancia que se utiliza para crear una aplicación (tomada del servicio externalizador). Tenga en cuenta que debe ser una instancia del servidor de publicación en lugar de un autor, lo que requiere autenticación.
También puede proporcionar un archivo de imagen para utilizarlo como miniatura de la aplicación, seleccionar la configuración de PhoneGap Build que desea utilizar y seleccionar la configuración de análisis de aplicaciones móviles que desea utilizar. Esta imagen solo se utiliza como miniatura para representar la aplicación móvil dentro de la consola de aplicaciones móviles en Experience Manager.
Existen pestañas adicionales (y opcionales) para crear un servicio en la nube e integrar el complemento SDK de Adobe Mobile Services en su aplicación.
AEM Los desarrolladores pueden utilizar el Starter Kit de PhoneGap de la aplicación de la aplicación para crear aplicaciones y añadirlas a la consola.
El siguiente procedimiento utiliza la interfaz de usuario táctil para crear una aplicación móvil.
En el carril, haga clic en Aplicaciones.
Haga clic en el icono Create.
(Opcional) En la pestaña Avanzado, proporcione una descripción para la aplicación y cambie la dirección URL del servidor si es necesario.
(Opcional) Si utiliza PhoneGap Build para compilar la aplicación, en la pestaña Generar, seleccione la Configuración que desea utilizar.
Para crear una configuración de PhoneGap Build, haga clic en Administrar configuraciones.
(Opcional) Si utiliza el SiteCatalyst para rastrear la actividad de la aplicación, en la pestaña Analytics, seleccione la configuración que desea utilizar.
Para crear una configuración de aplicación móvil, haga clic en Administrar configuraciones.
(Opcional) Para proporcionar un icono de aplicación, haga clic en el botón Examinar, seleccione el archivo de imagen del sistema de archivos y haga clic en Abrir.
Haga clic en Crear.
Después de crear una aplicación móvil, puede cambiar las propiedades.
En el carril, toque o haga clic en Aplicaciones.
Seleccione la aplicación que desea configurar y haga clic en el icono Ver propiedades de página.
Para cambiar los valores de las propiedades, toque o haga clic en el icono Editar.
Configure las propiedades Básico y Avanzado y, a continuación, toque o haga clic en el icono Listo.
En el carril, haga clic en Aplicaciones.
Haga clic para explorar en profundidad la aplicación móvil que desea editar en el Admin Console de aplicaciones. Seleccione la versión de idioma de la aplicación que desea configurar y haga clic en el icono Ver propiedades de la aplicación.
Para cambiar los valores de las propiedades, toque o haga clic en el icono Editar.
Configure las propiedades en las pestañas Básico, Avanzado, Generar y Analytics y, a continuación, toque o haga clic en el icono Listo.
Después de crear la aplicación móvil, agregue el contenido que se utiliza como interfaz de usuario de la aplicación.
AEM La caché de sincronización de contenido de la instancia de publicación de la se utiliza como repositorio de contenido para aplicaciones móviles:
Las aplicaciones móviles incluyen un comando Actualizaciones que descarga e instala el contenido actualizado de la aplicación. Cuando una instancia de aplicación envía una solicitud de actualización, la sincronización de contenido determina qué contenido ha cambiado desde la última vez que se actualizó o instaló la aplicación y proporciona el nuevo contenido.
Para que el contenido actualizado esté disponible para las aplicaciones, actualice la caché de sincronización de contenido. La primera vez que actualice la caché, se agregará todo el contenido publicado. Las actualizaciones posteriores agregan solo el contenido publicado que ha cambiado desde la actualización anterior.
La sincronización de contenido también realiza un seguimiento de cuándo se producen las actualizaciones. Con esta información, la sincronización de contenido puede determinar qué actualización de caché se enviará a una aplicación móvil.
Realice el siguiente procedimiento en la instancia en la que desea actualizar la caché. Por ejemplo, si la aplicación solicita actualizaciones desde la instancia de publicación, realice el procedimiento en la instancia de publicación.
En el carril, toque o haga clic en Aplicaciones y, a continuación, toque o haga clic en la aplicación.
Seleccione la página de bienvenida y, a continuación, toque o haga clic en el icono Actualizar caché.
AEM Esta es una función que está disponible con el paquete de funciones 2 de Apps 6.1 y proporciona una manera fácil de usar las plantillas de aplicación existentes para la creación de nuevas aplicaciones dentro de la aplicación de.
¿Qué es una plantilla de aplicación? Considérelo como una colección de plantillas de página y componentes que representan una línea de base o una base de una aplicación.
Al crear una aplicación basada en la plantilla de otra aplicación, obtiene una aplicación con un punto de partida representativo de la aplicación en la que se creó.
Debe tener una plantilla de aplicación móvil existente (o una aplicación instalada que tenga una plantilla de aplicación) para utilizar esta función.
AEM El último paquete de muestras de aplicaciones para la versión 6.1 incluye una versión actualizada de la aplicación de Geometrixx con una plantilla de aplicación de. Como alternativa, puede instalar el StarterKit, que también proporciona una plantilla.
Pasos para crear una aplicación basada en una plantilla de aplicación:
Haga clic en Siguiente.
Proporcione un ID de aplicación y un Título, pero tal vez también desee incluir un Nombre y una Descripción.
Si desinstala el paquete de aplicación de referencia de los Geometrixx Outdoors AEM de y hace que se cree una aplicación basada en su plantilla, dicha aplicación dejará de funcionar. La aplicación de Geometrixx Outdoors se puede eliminar, pero la plantilla de la aplicación debe permanecer si la utilizan otras aplicaciones móviles.
La aplicación para Geometrixx Outdoors es una aplicación de PhoneGap de ejemplo que muestra las funciones del modelo de aplicación PhoneGap predeterminado y los componentes móviles de ejemplo.
Para abrir la aplicación, en el carril, haga clic en Aplicaciones móviles y, a continuación, seleccione Aplicación de Geometrixx Outdoors.
Cada página de la aplicación móvil incluye las siguientes funciones:
Botón Atrás para volver a la página principal. El botón Atrás no aparece en la página Inicio.
Un carril fungible que ofrece un menú de comandos y vínculos:
El sistema de párrafos, para agregar componentes y crear contenido.
El contenido de la página de inicio consta de las siguientes herramientas de navegación:
La página Engranaje proporciona a los usuarios acceso a las páginas de producto. Un componente de lista de menús proporciona acceso a las páginas secundarias de la página de engranaje. Las páginas secundarias son categorías de productos que incluye el sitio web.
Cada página de categoría utiliza la misma estructura de contenido que la página de engranaje. El carrusel proporciona acceso a páginas secundarias que son subcategorías de productos. Las páginas de subcategorías contienen listas de productos que proporcionan vínculos a páginas de productos.
La página Productos y su jerarquía de páginas secundarias implementan un sistema de clasificación para las páginas de productos. Las páginas más bajas de cada rama de la jerarquía son una página de producto que contiene un componente de producto ng.
La página Productos no está disponible para los usuarios de la aplicación. La página Engranaje proporciona acceso a cada página de producto.
Contiene un botón Atrás. El sistema de párrafos permite añadir componentes.
Al utilizar la aplicación, la página Revisiones está disponible en el carrusel de la página en inglés.
Contiene un botón Atrás. El sistema de párrafos permite añadir componentes.
Al utilizar la aplicación, la página Noticias está disponible en el carrusel de la página en inglés.
La página Acerca de nosotros contiene varios componentes Fila de dos columnas. Cada columna contiene un componente Imagen o Texto. Los componentes son editables, y el sistema de párrafos permite añadir componentes.
Al utilizar la aplicación, la página Acerca de nosotros está disponible en el carrusel de la página en inglés.
La página Ubicaciones contiene un componente Ubicaciones.
Al utilizar la aplicación, la página Ubicaciones está disponible en la lista de menús de la página en inglés.
Varios componentes están disponibles inmediatamente en Sidekick al crear las páginas de una aplicación móvil. Los componentes pertenecen al grupo de componentes PhoneGap.
El componente Carrusel de barrido es una herramienta para mostrar y navegar por las páginas del sitio. El componente incluye un carrusel que recorre las imágenes de las páginas por encima de una lista de vínculos de página. Edite el componente para especificar las páginas que desea exponer y el comportamiento del carrusel.
Tenga en cuenta que las imágenes aparecen en el carrusel para páginas asociadas a una imagen de una manera específica. Cuando las páginas no están asociadas a imágenes, solo aparece la lista de vínculos.
Pestaña Propiedades del carrusel
Configure el comportamiento del carrusel:
Pestaña Propiedades de lista
Especifique cómo se genera la lista de páginas:
El componente Carrusel de barrido proporciona los siguientes valores para la propiedad Generar lista utilizando. El cuadro de diálogo de edición cambia según el valor seleccionado:
Páginas secundarias
El componente enumera todas las páginas secundarias de una página específica. Después de seleccionar este valor, seleccione la página en la ficha Páginas secundarias o especifique ningún valor para enumerar las páginas secundarias de la página actual.
Lista fija
Especifique una lista de páginas de inclusión. Después de seleccionar este valor, configure la lista en la ficha Lista fija que aparece al seleccionar Lista fija:
La propiedad Ordenar por no afecta al orden de las listas fijas.
Buscar
Rellene la lista con los resultados de una búsqueda de palabras clave. La búsqueda se realiza en los elementos secundarios de una página que especifique:
Búsqueda avanzada
Rellene la lista con un Querybuilder consulta.
Añada una imagen al contenido de la aplicación.
Añada texto enriquecido al contenido de la aplicación.
El componente Ubicaciones de almacenamiento proporciona a los usuarios herramientas para encontrar salidas comerciales:
El componente requiere que el repositorio contenga información de ubicación para cada almacén. Las ubicaciones de muestra se instalan en el nodo /etc/commerce/locations/adobe.
Permite añadir componentes en paralelo a una página.