El componente RemotePage

Al decidir qué nivel de integración le gustaría tener entre su SPA externa y AEM, a menudo queda claro que necesita poder ver y editar la SPA dentro de AEM. El componente RemotePage es un componente de página personalizado solo para este fin.

Información general

El componente RemotePage recupera todos los recursos necesarios del asset-manifest.json generado por la aplicación y lo utiliza para procesar el SPA dentro de AEM.

  • RemotePage permite insertar las secuencias de comandos y las hojas de estilo de una SPA en el cuerpo de un componente de página de AEM.
  • Los componentes del front-end virtual permiten marcar secciones como editables en AEM SPA Editor.
  • En conjunto, una SPA alojada en un dominio diferente puede editarse en AEM.

Consulte el artículo Edición de una SPA externa en AEM para obtener más información sobre las SPA externas editables en AEM.

Requisitos

  • Habilitar CORS en desarrollo
  • Configuración de URL remota en Propiedades de página
  • Representar el SPA en AEM

Restricciones

  • La implementación actual del componente RemotePage solo admite aplicaciones React remotas.
  • El CSS interno definido en el archivo HTML raíz de la aplicación, así como el CSS en línea en el nodo DOM raíz, no estarán disponibles al realizar el procesamiento remoto en AEM.

Detalles técnicos

Al igual que el resto del proyecto de SPA de AEM, el componente RemotePage es de código abierto. Para obtener todos los detalles técnicos del componente RemotePage, consulte el repositorio de GitHub.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now