Esta página cubre los siguientes temas:
Un fragmento de experiencias es un grupo de uno o varios componentes que incluye contenido y diseño que se puede consultar dentro de las páginas. Los fragmentos de experiencias pueden contener cualquier componente, como por ejemplo uno o varios componentes que pueden contener cualquier cosa dentro de un sistema de párrafos, al que se hará referencia en toda la experiencia o que solicitará un punto final tercero.
El siguiente ejemplo utiliza We.Retail como proyecto de demostración desde el que se aprovecha el fragmento de experiencia de una página Sites en un proyecto de AEM Screens.
Por ejemplo, el siguiente flujo de trabajo muestra el uso de fragmentos de experiencia de We.Retail en Sites. Puede elegir una página web y aprovechar ese contenido en el canal de AEM Screens de uno de sus proyectos.
Creación de un proyecto de demostración con un canal
Creación de un proyecto
Se agregará un DemoProject a su AEM Screens.
Crear un canal
Vaya a DemoProject que ha creado y seleccione la carpeta Channels .
Haga clic en Crear en la barra de acciones para abrir el asistente.
Elija la plantilla Canal de secuencia del asistente y haga clic en Siguiente.
Introduzca Title como TestChannel y haga clic en Create.
Se agregará un TestChannel a su DemoProject.
Siga los pasos a continuación para aprovechar el contenido de We.Retail a su TestChannel en DemoProject.
Vaya a la página Sitios de We.Retail
Vaya a Sitios y seleccione We.Retail -> Estados Unidos -> Inglés -> Equipo y seleccione esta página para utilizarla como fragmento de experiencia para el canal Screens.
Haga clic en Editar en la barra de acciones para abrir la página que desee utilizar como fragmento de experiencia para el canal de Screens.
Reutilización del contenido
Creación de un fragmento de experiencia
Elija la Acción como Crear un nuevo fragmento de experiencia.
Seleccione la Ruta principal.
Seleccione la Plantilla. Elija la plantilla Fragmento de experiencia - Variación de Screens aquí (valor en el campo /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens
).
Introduzca el Título del fragmento como Fragmento de pantalla.
Haga clic en la marca de verificación para completar la creación de un nuevo fragmento de experiencia.
Nota: Para seleccionar una opción más sencilla, haga clic en la marca de verificación a la derecha de los campos para abrir el cuadro de diálogo de selección.
Creación de una Live Copy del fragmento de experiencia
c. Seleccione el asistente ScreensFragment en Crear Live Copy y haga clic en Siguiente.
d. Introduzca Title y Name como Screens.
e. Haga clic en Create para crear la Live Copy.
f. Haga clic en Listo para volver a la página Fragmento de pantalla.
Una vez creado el fragmento Screens, puede editar las propiedades del fragmento. Seleccione el fragmento y haga clic en Properties en la barra de acciones.
Edición de propiedades de un fragmento de Screens
Vaya al ScreensFragment (creado en los pasos anteriores) y haga clic en Properties en la barra de acciones.
Seleccione la pestaña Offline Config , como se muestra en la figura siguiente.
Puede agregar Bibliotecas del lado del cliente (java y css) y Archivos estáticos al 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.
Uso del fragmento de experiencia como componente en el canal de Screens
Vaya al canal Screens en el que desea utilizar el fragmento Screens.
Seleccione TestChannel y haga clic en Editar en la barra de acciones.
Haga clic en el icono de componentes de la pestaña lateral.
Arrastre y suelte el fragmento de experiencia en el canal.
e. Seleccione el componente Fragmento de experiencia y seleccione el icono de la parte superior izquierda (llave inglesa) para abrir el cuadro de diálogo Fragmento de experiencia.
f. Seleccione la Live Copy Screens del fragmento que ha creado en Paso 3 en Path.
f. Seleccione la Live Copy Screens del fragmento que ha creado en el paso 3 del fragmento de experiencia.
h. Introduzca los milisegundos en Duration.
i. Seleccione la Configuración sin conexión del cuadro de diálogo Fragmentos de experiencias para definir las bibliotecas del lado del cliente y los archivos estáticos.
Si desea agregar bibliotecas del lado del cliente o archivos estáticos además de lo que configuró en el paso (4), puede agregar desde la pestaña Configuración sin conexión en el cuadro de diálogo Fragmento de experiencia.
j. Haga clic en la marca de verificación para completar el proceso.
Después de completar los pasos anteriores, puede validar el fragmento de experiencia en ChannelOne mediante:
Verá el contenido desde la página Sitios (Live Copy del fragmento de experiencia) del canal, como se muestra en la figura siguiente:
Live Copy hace referencia a la copia (del origen), que se mantiene mediante acciones de sincronización definidas por las configuraciones de lanzamiento.
Desde el fragmento de experiencia, hemos creado una Live Copy desde las páginas Sitios, por lo que si realiza cambios en ese fragmento concreto desde la página de formato, verá los cambios en su canal o en el destino donde haya utilizado el fragmento de experiencia.
Para obtener más información sobre Live Copy, consulte Reutilización de contenido: Multi Site Manager y Live Copy.
Siga los pasos a continuación para propagar los cambios del canal maestro al canal de destino:
Seleccione el fragmento de experiencia en la página Sitios (maestra) y haga clic en el icono de lápiz para editar los elementos del fragmento de experiencia.
Seleccione 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.
Se abre el cuadro de diálogo Cuadrícula de producto.
Puede editar cualquiera de las imágenes. Por ejemplo, aquí la primera imagen se reemplaza en este fragmento.
Seleccione el fragmento de experiencia y haga clic en el icono Despliegue para propagar los cambios al fragmento que se utiliza en el canal.
Haga clic en Despliegue para confirmar los cambios.
Verá que los cambios se implementan.
Siga los pasos a continuación para confirmar los cambios en el canal:
Vaya a Screens -> Channels -> TestChannel.
Haga clic en Preview en la barra de acciones para confirmar los cambios.
La siguiente imagen ilustra los cambios en su TestChannel: