Creación y adición de plantillas y componentes

NOTA

Adobe recomienda utilizar el Editor de SPA para proyectos que requieren una representación del lado del cliente basada en el marco de aplicaciones de una sola página (por ejemplo, React). Más información.

AEM Mobile On-Demand proporciona una plantilla de aplicación totalmente configurada, una plantilla de artículo y componentes de artículo.

La aplicación We.Unlimited es una plantilla de ejemplo que representa el shell de una aplicación AEM Mobile On Demand totalmente configurable y manejable.

Al seleccionar esta plantilla de ejemplo al crear una aplicación nueva, se proporciona un tablero enriquecido de funciones de AEM Mobile.

chlimage_1-70

NOTA

Para administrar el contenido de su aplicación y aplicación móvil desde el Centro de control de aplicaciones de AEM Mobile, consulte la Panel de aplicaciones de AEM Mobile.

Creación de plantillas de aplicación

Las plantillas de aplicación se usan para crear una aplicación nueva y actúan 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. La plantilla marca algunas propiedades fundamentales para dirigir la aplicación de la forma adecuada. En general, un cliente no crearía demasiadas aplicaciones en total.

Las plantillas de aplicación proporcionan una manera sencilla de aprovechar los diseños existentes creados por los desarrolladores y utilizados para la creación de nuevas aplicaciones en AEM.

Al crear una aplicación nueva basada en la plantilla de otra aplicación, obtendrá una aplicación que tenga un punto de partida representativo de la aplicación desde la que se creó.

Pasos para crear una aplicación nueva basada en una plantilla de aplicación:

  1. Vaya al catálogo de aplicaciones de AEM Mobile: <server-url>/aem/apps.html/content/mobileapps
  2. Select Crear —> Aplicación como se muestra a continuación

Una vez que haya creado una aplicación con esta plantilla, puede agregar artículos, banners y colecciones a la aplicación. Para volver a visitar, crear artículos, titulares y colecciones, consulte Acciones de administración de contenido.

NOTA

También puede seleccionar una plantilla de aplicación de ejemplo, por ejemplo We.Unlimited aplicación, que un desarrollador de AEM le ha puesto a su disposición. Si utiliza esta plantilla de ejemplo para su aplicación, obtendrá algunos artículos y colecciones de ejemplo en los que trabajar. Tendrá la opción de usar las plantillas y los componentes de ejemplo, personalizar los existentes o crear otros nuevos para la aplicación.

PRECAUCIÓN

Configuración redirectTarget property

Al usar una de las plantillas de aplicación, el desarrollador define el contenido de la aplicación. Sin embargo, el desarrollador debe saber dónde se crea la aplicación en el jcr y el valor de redirectTarget propiedad.

La variable redirectTarget se calcula como parte de la operación crear aplicación y se intenta resolver una ruta, si hay una propiedad redirectTarget disponible como parte de la plantilla de aplicación y el valor de redirectTarget se define como relativo. Cuando el proceso de creación de la aplicación encuentra un valor relativo para redirectTarget en la plantilla de la aplicación, el valor se anexa a la ubicación resuelta en la que se creó la aplicación.

Por ejemplo, si una plantilla de aplicación define una redirectTarget con el valor "administrador de idiomas/en", y la aplicación se creó en "/content/mobileapps/fooApp", el valor final para redirectTarget después de crear la aplicación será "/content/mobileapps/fooApp/language-masters/en".

Creación de plantillas de contenido

Cada tipo de entidad tiene dos plantillas listas para usar. Estos son:

  • Plantillas predeterminadas: se utiliza para la creación de contenido con propiedades/estructura predeterminadas aplicables
  • Plantillas importadas: se utiliza para importar contenido de AEM Mobile con propiedades/estructura predeterminadas aplicables

Plantillas de artículo

El artículo ilimitado es una plantilla de ejemplo que representa un diseño de artículo típico de AEM Mobile On-Demand.

  1. Haga clic en + en Administrar artículos para crear un artículo nuevo. Puede elegir una Artículo ilimitado o Artículo de texto enriquecido. La siguiente imagen muestra la opción que le permite elegir entre cualquiera de estas dos plantillas de artículo.

  2. Haga clic en Siguiente para definir metadatos de artículos como Nombre/título del artículo, Descripción, Autor, Resumen, Departamento, Imagen en miniatura, Acceso a artículos, etc.

  3. Haga clic en Siguiente para rellenar las propiedades del anuncio.

  4. Haga clic en Siguiente para introducir la imagen del artículo o la imagen de medios sociales

  5. Haga clic en Siguiente para elegir un vínculo de recopilación, este nuevo artículo a.

  6. Haga clic en Siguiente para introducir los detalles del uso compartido en redes sociales.

  7. Haga clic en Crear para finalizar el proceso de creación de un artículo utilizando el ejemplo. Haga clic en Listo o Editar artículo para editar las propiedades de este artículo.

chlimage_1-71

Adición de componentes al artículo

Una vez creado, un autor puede editar el contenido de un artículo añadiendo componentes como texto e imágenes. Los artículos son una extensión de AEM plantillas de página.

Seleccione un artículo que desee editar y haga clic en Editar para añadir componentes al artículo.

chlimage_1-72 chlimage_1-73

Elija el +' en el panel izquierdo para añadir componentes al artículo.

chlimage_1-74

Creación de plantillas integradas

No hay plantillas de artículo predeterminadas; sin embargo, hay una plantilla predeterminada que se debe ampliar; consulte Geometrixx Unlimited Aplicación Ejemplo de plantilla de artículo.

Entre las propiedades clave más allá de la plantilla AEM normal se incluyen las propiedades requeridas;

dps-resourceType="dps:Article"

Esta propiedad garantiza que la página AEM se reconozca como página de artículos segmentados de AEM Mobile.

Según AEM plantillas, puede agregar cualquier propiedad predeterminada o nodo secundario al jcr:content.

PRECAUCIÓN

Los titulares y las colecciones no tienen contenido, por lo que su creación no admite plantillas personalizadas.

Creación y adición de componentes

Los componentes utilizan y permiten el acceso a los widgets, que se utilizan para procesar el contenido.

Se incluye un componente simple en el repositorio de código, cuya fuente se puede encontrar en AEM. Posteriormente, también se puede abrir localmente en CRXDE Lite.

NOTA

Actualmente no hay componentes integrados proporcionados para AEM Mobile.

Puede añadir componentes a la página. Cualquier componente puede utilizarse en una aplicación de AEM Mobile, pero cuando se aplica, puede que no se represente correctamente.

Sin embargo, es posible que los componentes personalizados no exporten ni carguen correctamente en AEM Mobile On-demand Services sin un controlador de sincronización de contenido de exportación personalizado que se muestre en AEM.

Una vez que el componente ya se ha incluido en una página AEM, junto con otros componentes de bloque de creación, puede añadir otro componente a la página o editar uno existente.

Para añadir otro componente a la página:

  1. Elija esa página y asegúrese de que está en el modo de edición, a través del menú desplegable en la parte superior derecha del encabezado del editor
  2. Alternar el panel lateral con el icono situado más a la izquierda en el encabezado del editor
  3. Seleccione el Componentes ficha
  4. Arrastre y suelte uno de los componentes disponibles en la página

chlimage_1-75

Para editar un componente existente:

  1. Elija esa página y asegúrese de que está en Editar y seleccione el componente
  2. Pulse el icono de llave inglesa para configurar el componente
NOTA

Puede crear un componente en AEM y personalizarlo utilizando Desarrollo con CRXDE Lite. Una vez que haya personalizado el componente existente según sus necesidades, puede agregarlo a su página utilizando la variable Editar opción bajo Administrar artículos como se muestra en la figura anterior.

Pasos siguientes

En esta página