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). Se alinea con Adobe Marketing Cloud y con las directrices generales de la interfaz de usuario del 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 pretende servir de trampolín al proporcionar vínculos a recursos individuales.

NOTA

Este proyecto de migración puede tener un impacto significativo en su instancia. Consulte Administración de proyectos: prácticas recomendadas 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. Cada nodo que representa un elemento de la interfaz de usuario se denomina utilidad ExtJS y se representa 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 de Sling (componente Sling), que se encarga de su renderización. Por lo tanto, la interfaz de usuario se representa (básicamente) en el lado del servidor.

sling:resourceType

  • no se usa
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:primaryType: 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 se pueden incrustar en la definición del cuadro de diálogo; separación de responsabilidades.

Gestión de eventos:

  • Los widgets de cuadro de diálogo hacen referencia directamente al código JavaScript.

Gestión de eventos:

  • Javascript observa eventos de diálogo.
Renderización realizada por el cliente:
  • El cliente crea de forma dinámica los componentes de la interfaz de usuario.
  • El cliente solicita la definición del componente (como JSON) desde el servidor.
Renderizació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 los componentes de Coral UI.

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

Antes de comenzar, 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 cuadros de diálogo son un factor importante a la hora de migrar los componentes:

Migración de consolas

También puede personalizar las consolas:

Aunque no está directamente relacionado con la migración a la interfaz de usuario 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

Recursos adicionales

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

PRECAUCIÓN

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

En esta página