Capítulo 2: Uso de modelos de fragmentos de contenido

AEM AEM Los modelos de fragmentos de contenido definen esquemas de contenido que se pueden utilizar para crear plantillas de la creación de contenido sin procesar por parte de autores de. Este enfoque es similar al andamiaje o a la creación basada en formularios. AEM El concepto clave con los fragmentos de contenido es que el contenido creado no depende de la presentación, es decir, está diseñado para un uso multicanal, donde la aplicación consumidora, ya sea una aplicación de una sola página, o una aplicación móvil, controla cómo se muestra el contenido al usuario.

La preocupación principal del fragmento de contenido es garantizar lo siguiente:

  1. Se recopila el contenido correcto del autor
  2. El contenido se puede exponer en un formato estructurado y bien entendido para consumir aplicaciones.

Este capítulo cubre la activación y definición de modelos de fragmentos de contenido utilizados para definir una estructura de datos normalizada y una interfaz de creación para el modelado y la creación de "eventos".

Habilitar modelos de fragmentos de contenido

AEM Los modelos de fragmento de contenido deben habilitarse a través de explorador de configuración que se está usando para la configuración de .

AEM Si los modelos de fragmento de contenido no están habilitados para una configuración, el botón Crear > Fragmento de contenido no aparecerá para la configuración de la correspondiente.

NOTE
AEM Las configuraciones de la representan un conjunto de configuraciones de inquilino según el contexto almacenadas en /conf. AEM Normalmente, las configuraciones de la se correlacionan con un sitio web en particular administrado en AEM Sites o con una unidad comercial responsable de un subconjunto de contenido (recursos, páginas, etc.) AEM en la.
Para que una configuración afecte a una jerarquía de contenido, se debe hacer referencia a la configuración a través de la propiedad cq:conf en esa jerarquía de contenido. (Esto se logra para la configuración de WKND Mobile en el Paso 5 a continuación).
Cuando se usa la configuración global, la configuración se aplica a todo el contenido y no es necesario establecer cq:conf.
Consulte la documentación del Explorador de configuración para obtener más información.
  1. AEM Inicie sesión en el autor de la como un usuario con los permisos adecuados para modificar la configuración pertinente.

    • Para este tutorial, se puede usar el usuario admin.
  2. Vaya a Herramienta > General > Explorador de configuración

  3. Pulse el icono de carpeta junto a WKND Mobile para seleccionar y, a continuación, pulse el botón Editar en la parte superior izquierda.

  4. Seleccione Modelos de fragmentos de contenido y pulse Guardar y cerrar en la parte superior derecha.

    Esto habilita la selección de modelos de fragmento de contenido en árboles de contenido de carpeta de recursos que tienen aplicada la configuración WKND Mobile.

    note note
    NOTE
    AEM Este cambio de configuración no es reversible desde la interfaz de usuario web de Configuración de la configuración ​. Para deshacer esta configuración:
    code language-none
    1. Abrir [CRXDE Lite](http://localhost:4502/crx/de)
    1. Navegue hasta `/conf/wknd-mobile/settings/dam/cfm`
    1. Eliminar el nodo `models`
    
    Se eliminará cualquier modelo de fragmento de contenido existente creado con esta configuración, así como sus definiciones se almacenarán en /conf/wknd-mobile/settings/dam/cfm/models.
  5. Aplique la configuración WKND Mobile a la carpeta WKND Mobilede Assets para permitir que se creen fragmentos de contenido de modelos de fragmentos de contenido dentro de esa jerarquía de carpetas de Assets:

    1. AEM Vaya a ​ > Assets > Archivos
    2. Seleccione la carpeta WKND Mobile
    3. Pulse el botón Propiedades en la barra de acciones superior para abrir Propiedades de carpeta
    4. En Propiedades de carpeta, pulse la pestaña Cloud Service
    5. Compruebe que el campo Configuración de nube esté establecido en /conf/wknd-mobile
    6. Pulse Guardar y cerrar en la esquina superior derecha para mantener los cambios
WARNING
Los modelos de fragmentos de contenido se han movido de Herramientas > Assets a Herramientas > General.

Explicación del modelo de fragmento de contenido para crear

Antes de definir nuestro modelo de fragmento de contenido, vamos a revisar la experiencia que vamos a impulsar para asegurarnos de capturar todos los puntos de datos necesarios. Para ello, revisaremos el diseño de las aplicaciones móviles y asignaremos los elementos de diseño al contenido que desea recopilar.

Podemos desglosar los puntos de datos que definen un evento de la siguiente manera:

Creando el modelo de fragmento de contenido

Armados con la asignación, podemos definir los fragmentos de contenido que se utilizan para recopilar y, en última instancia, exponer los datos de evento.

Creación del modelo de fragmento de contenido

  1. Vaya a Herramientas > General >Modelos de fragmento de contenido.
  2. Pulse la carpeta WKND Mobile para abrirla.
  3. Pulse Crear para abrir el asistente de creación del modelo de fragmento de contenido.
  4. Escriba Event como Título de modelo (la descripción es opcional) y pulse Crear para guardar.

Definición de la estructura del modelo de fragmento de contenido

  1. Vaya a Herramientas > General > Modelos de fragmentos de contenido >WKND.

  2. Seleccione el modelo de fragmento de contenido Event y pulse Editar en la barra de acciones superior.

  3. En la ficha Tipos de datos de la derecha, arrastre Entrada de texto de una línea a la zona desplegable izquierda para definir el campo Question.

  4. Asegúrese de que la nueva entrada de texto de una sola línea esté seleccionada a la izquierda y que la ficha Propiedades esté seleccionada a la derecha. Rellene los campos Propiedades como se indica a continuación:

    • Procesar Como : textfield
    • Etiqueta de campo : Event Title
    • Nombre de propiedad : eventTitle
    • Longitud máxima: 25
    • Requerido : Yes

Repita estos pasos utilizando las definiciones de entrada definidas a continuación para crear el resto del modelo de fragmento de contenido de evento.

NOTE
Los campos Nombre de propiedad DEBEN coincidir exactamente, ya que la aplicación Android está programada para escribir estos nombres.

Descripción del evento

  • Tipo de datos : Multi-line text
  • Etiqueta de campo : Event Description
  • Nombre de propiedad : eventDescription
  • Tipo predeterminado: Rich text

Fecha y hora del evento

  • Tipo de datos : Date and time
  • Etiqueta de campo : Event Date and Time
  • Nombre de propiedad : eventDateAndTime
  • Requerido : Yes

Tipo de evento

  • Tipo de datos : Enumeration
  • Etiqueta de campo : Event Type
  • Nombre de propiedad : eventType
  • Opciones : Art,Music,Performance,Photography

Precio del billete

  • Tipo de datos : Number
  • Procesar Como : numberfield
  • Etiqueta de campo : Ticket Price
  • Nombre de propiedad : eventPrice
  • Tipo : Integer
  • Requerido : Yes

Imagen del evento

  • Tipo de datos : Content Reference
  • Procesar Como : contentreference
  • Etiqueta de campo : Event Image
  • Nombre de propiedad : eventImage
  • Ruta raíz : /content/dam/wknd-mobile/images
  • Requerido : Yes

Nombre del lugar

  • Tipo de datos : Single-line text
  • Procesar Como : textfield
  • Etiqueta de campo : Venue Name
  • Nombre de propiedad : venueName
  • Longitud máxima: 20
  • Requerido : Yes

Ciudad del lugar

  • Tipo de datos : Enumeration
  • Etiqueta de campo : Venue City
  • Nombre de propiedad : venueCity
  • Opciones : Basel,London,Los Angeles,Paris,New York,Tokyo
NOTE
Nombre de propiedad indica tanto el nombre de propiedad JCR donde se almacena este valor como la clave en el archivo JSON Debe ser un nombre semántico que no cambie durante la vida del modelo de fragmento de contenido.

Después de completar la creación del modelo de fragmento de contenido, debe terminar con una definición que tenga el siguiente aspecto:

Modelo de fragmento de contenido de evento

Siguiente paso

AEM AEM De forma opcional, instale el paquete de contenido com.adobe.aem.guides.wknd-mobile.content.chapter-2.zip en Author o a través del Administrador de paquetes de 🔗. Este paquete contiene las configuraciones y el contenido descritos en esta parte del tutorial.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4