DocumentaciónAEMGuía de AEM Screens

Uso de fragmentos de experiencias using-experience-fragments

Last update: Tue Apr 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Intermediate
  • Admin
  • Developer

Esta página cubre los siguientes temas:

  • Información general
  • Uso de fragmentos de experiencias en AEM Screens
  • Propagación de cambios en la página

Información general overview

Un Fragmento de experiencia es un grupo de uno o más componentes, incluido el contenido y el diseño, al que se puede hacer referencia en las páginas. Los fragmentos de experiencia pueden contener cualquier componente, como uno o varios componentes que pueden contener cualquier cosa dentro de un sistema de párrafos al que se hace referencia en la experiencia completa o que solicita un tercer punto final.

Uso de fragmentos de experiencias en AEM Screens using-experience-fragments-in-aem-screens

NOTE
El siguiente ejemplo utiliza We.Retail como proyecto de demostración desde el que se aplica el fragmento de experiencia de una Sites a un proyecto de AEM Screens.

Por ejemplo, el siguiente flujo de trabajo muestra el uso de fragmentos de experiencia de We.Retail en Sitios. Puede elegir una página web y utilizar ese contenido en su canal de AEM Screens en uno de sus proyectos.

Requisitos previos pre-requisites

Creación de un proyecto de demostración con un canal

Creación de un proyecto

  1. Para crear un proyecto, haga clic en Crear proyecto de Screens.
  2. Escriba el título como DemoProject.
  3. Haga clic en Guardar.

A DemoProject se añade a su AEM Screens.

Creación de un canal

  1. Vaya a DemoProject ha creado y ha hecho clic en Canales carpeta.

  2. Clic Crear en la barra de acciones para poder abrir el asistente.

  3. Elija la Canal de secuencia en el asistente y haga clic en Siguiente.

  4. Introduzca el Título as TestChannel y haga clic en Crear.

A TestChannel se añade a su DemoProject.
screen_shot_2019-07-29at105101am

Creación de un fragmento de experiencia creating-an-experience-fragment

Siga los pasos a continuación para aplicar el contenido de We.Retail a su TestChannel in DemoProject.

  1. Vaya a una página de Sites en We.Retail

    1. Vaya a Sitios y haga clic en We.Retail > Estados Unidos > Inglés > Equipamiento y haga clic en esta página para poder usarla como fragmento de experiencia para su canal de Screens.

    2. Clic Editar en la barra de acciones, para poder abrir la página que desee utilizar como fragmento de experiencia para el canal de Screens.

  2. Reutilización del contenido

    1. Haga clic en el fragmento que desee incluir en el canal.
    2. Haga clic en el último icono de la derecha para abrir Convertir a fragmento de experiencia Cuadro de diálogo.

    screen_shot_2019-07-29at105314am

  3. Creación de un fragmento de experiencia

    1. Elija la Acción as Crear un nuevo fragmento de experiencia.

    2. Haga clic en Ruta principal.

    3. Haga clic en Plantilla. Elija la Fragmento de experiencias: variación de pantallas plantilla aquí (valor del campo ) /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens).

    4. Introduzca el Título del fragmento as ScreensFragment.

    5. Para completar la creación de un nuevo fragmento de experiencia, haga clic en la marca de verificación.

    screen_shot_2019-07-29at105918am

    Nota: Para hacer clic en una opción más sencilla, haga clic en la marca de verificación situada a la derecha del campo para abrir el cuadro de diálogo de selección.

  4. Creación de la Live Copy del fragmento de experiencia

    1. AEM Vaya a la página de inicio de la.
    2. Clic Fragmentos de experiencias y resalte el ScreensFragment y haga clic en Variación como Live Copy, como se muestra en la figura siguiente:

    screen_shot_2019-07-29at110443am

    c. Haga clic en ScreensFragment de Crear Live Copy y haga clic en Siguiente.

    d. Introduzca la Título y Nombre as Screens.

    e. Haga clic Crear para poder crear la Live Copy.

    f. Haga clic Listo para poder volver a ScreensFragment página.

    screen_shot_2019-07-29at110616am

    note note
    NOTE
    Después de crear un fragmento de AEM Screens, puede editar las propiedades del fragmento. Haga clic en el fragmento y en Propiedades de la barra de acciones.

    Edición de propiedades de un fragmento de Screens

    1. Vaya a ScreensFragment (creada en los pasos anteriores) y haga clic en Propiedades de la barra de acciones.

    2. Haga clic en Configuración sin conexión , como se muestra en la figura siguiente.

    Puede añadir la variable Bibliotecas del lado del cliente (Java™ y css) y Archivos estáticos a su Fragmento de experiencia.

    El siguiente ejemplo muestra la adición de bibliotecas del lado del cliente y las fuentes como parte de archivos estáticos al Fragmento de experiencia. fragmento

  5. Uso del fragmento de experiencia como componente en el canal de Pantallas

    1. Vaya al canal de Pantallas donde desee utilizar la variable Screens fragmento.

    2. Haga clic en TestChannel y haga clic en Editar de la barra de acciones.

    3. Haga clic en el icono de componentes de la pestaña lateral.

    4. Arrastre y suelte el Fragmento de experiencia a su canal.

    screen_shot_2019-07-29at123115pm

    e. Haga clic en Fragmento de experiencia y haga clic en el icono superior izquierdo (llave inglesa) para abrir Fragmento de experiencia Cuadro de diálogo.

    f. Haga clic en Screens Live Copy del fragmento creado en Paso 3 in Ruta.

    screen_shot_2019-07-26at82650pm

    f. Haga clic en Screens Live Copy del fragmento creado en Paso 3 en el Fragmento de experiencia.

    screen_shot_2019-07-26at82509pm

    h. Introduzca los milisegundos en Duración.

    i. Haga clic en Configuración sin conexión desde el Fragmentos de experiencias para definir las bibliotecas del lado del cliente y los archivos estáticos.

    note note
    NOTE
    Para agregar bibliotecas del lado del cliente o archivos estáticos además de lo que configuró en el paso (4), puede agregar desde el Configuración sin conexión en la pestaña Fragmento de experiencia Cuadro de diálogo.

    screen_shot_2019-07-26at82844pm

    j. Haga clic en la marca de verificación para completar el proceso.

Validación del resultado validating-the-result

Después de completar los pasos anteriores, puede validar el fragmento de experiencia en ChannelOne por:

  1. Navegación al TestChannel.
  2. Selección de la Previsualizar de la barra de acciones.

Ver el contenido desde Sites (Live Copy del fragmento de experiencia) en su canal, como se muestra en la figura siguiente:
screen_shot_2018-06-08at120739pm

Propagación de cambios en la página propagating-changes-from-the-master-page

Live Copy hace referencia a la copia (del origen), mantenida mediante acciones de sincronización definidas según las configuraciones de despliegue.

Dado que el fragmento de experiencia que ha creado es una Live Copy del Sites Si cambia ese fragmento concreto de la página principal, verá los cambios en el canal. O bien, vea el destino en el que ha utilizado el fragmento de experiencia.

NOTE
Para obtener más información sobre Live Copy, consulte Reutilización del contenido: administrador de varios sitios y Live Copy.

Siga los pasos a continuación para propagar los cambios del canal principal al canal de destino:

  1. Haga clic en el fragmento de experiencia desde el Sites (principal) y haga clic en el icono de lápiz para editar los elementos en el Fragmento de experiencia.

    screen_shot_2018-06-08at122655pm

  2. Haga clic en el Fragmento de experiencia y haga clic en el icono de la llave inglesa para abrir el cuadro de diálogo y editar las imágenes.

    screen_shot_2018-06-08at25031pm

  3. El Cuadrícula de producto se abre el cuadro de diálogo.

    screen_shot_2018-06-08at25306pm

  4. Puede editar cualquiera de las imágenes. Por ejemplo, aquí la primera imagen se reemplaza en este fragmento.

    screen_shot_2018-06-08at25608pm

  5. Haga clic en el Fragmento de experiencia y haga clic en el icono Despliegue para poder propagar los cambios al fragmento que se utiliza en el canal.

    screen_shot_2018-06-08at31352pm

  6. Haga clic en Despliegue.

    Observe que los cambios se despliegan.

    screen_shot_2018-06-08at32148pm

Validación de los cambios validating-the-changes

Siga los pasos a continuación para confirmar los cambios en el canal:

  1. Vaya a Screens > Canales > TestChannel.

  2. Clic Previsualizar de la barra de acciones.

La siguiente imagen ilustra los cambios en su TestChannel:
screen_shot_2018-06-08at33351pm

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053