Migración a la IU táctil

A partir de la versión 6.0, Adobe Experience Manager (AEM) introdujo una nueva interfaz de usuario denominada IU táctil (también conocida como IU táctil). Está alineado con el Adobe Marketing Cloud y con las directrices generales de la interfaz de usuario de Adobe. Esta se ha convertido en la interfaz de usuario estándar en AEM con la interfaz heredada y orientada al escritorio denominada IU clásica.

Si ha estado utilizando AEM con la IU clásica, deberá realizar una acción para migrar la instancia. Esta página tiene como objetivo actuar como trampolín proporcionando vínculos a recursos individuales.

NOTA

Este proyecto de migración puede tener un impacto significativo en su caso. Consulte Administración de proyectos - Optimizaciones para obtener instrucciones recomendadas.

Conceptos básicos

Al migrar, debe tener en cuenta las siguientes diferencias (principales) entre la IU clásica y la táctil:

IU clásica IU táctil
Se describe en el repositorio JCR como una estructura de nodos. Todos los nodos que representan un elemento de la interfaz de usuario se denominan widget ExtJS y se representan en el lado del cliente mediante ExtJS. También se describe en el repositorio JCR como una estructura de nodos. Sin embargo, en este caso, cada nodo hace referencia a un tipo de recurso Sling (componente Sling), que se encarga de su procesamiento. La interfaz de usuario se representa básicamente en el servidor.

sling:resourceType

  • no utilizado
sling:resourceType
  • usado
  • por ejemplo
    cq/gui/components/authoring/dialog

Nodos de diálogo:

  • Nombre: dialog
  • jcr:primaryType: cq:Dialog

Nodos de diálogo:

  • Nombre: cq:dialog
  • jcr:parentType: nt:unstructured

Ubicación de JavaScript:

  • Las partes imperativas se incrustan directamente mediante oyentes o se administran en clientlibs.

Ubicación de JavaScript:

  • Las partes imperativas no pueden incrustarse en la definición de cuadro de diálogo; separación de responsabilidades.

Manejo de eventos:

  • Las utilidades de cuadro de diálogo hacen referencia directa al código Javascript.

Manejo de eventos:

  • Javascript observa eventos de diálogo.
Representación realizada por el cliente:
  • El cliente crea dinámicamente los componentes de la interfaz de usuario.
  • El cliente solicita la definición del componente (como JSON) desde el servidor.
Representación realizada por el servidor:
  • El cliente solicita páginas junto con la IU relacionada.
  • El servidor envía (push) la interfaz de usuario como documentos HTML; uso de componentes de Coral UI.

En otras palabras, la migración de una sección de la interfaz de usuario de la IU clásica a la IU táctil significa transferir una utilidad ExtJS a un componente Sling. Para facilitar esto, la IU táctil se basa en el marco de la interfaz de usuario Granite, que ya proporciona algunos componentes Sling para la interfaz de usuario (denominados componentes de la interfaz de usuario Granite).

Antes de realizar el inicio, compruebe el estado y las recomendaciones relacionadas:

Los conceptos básicos del desarrollo de la IU táctil proporcionan una base sólida:

Migración de la creación de páginas

Los diálogos son un factor importante a la hora de migrar los componentes:

Migración de consolas

También puede personalizar las consolas:

Aunque no están directamente relacionados con una migración a la IU táctil, hay problemas relacionados que vale la pena tener en cuenta al mismo tiempo, ya que también son una práctica recomendada:

NOTA

Consulte también Desarrollo: optimizaciones.

Recursos adicionales

Para obtener información completa sobre el desarrollo de AEM, consulte la recopilación de recursos en:

ATENCIÓN

AEM herramientas de modernización son un esfuerzo de la comunidad y no están soportadas ni garantizadas por el Adobe.

En esta página