O componente RemotePage

Ao decidir que nível de integração você gostaria de ter entre seu SPA externo e o AEM, geralmente fica claro que você precisa visualizar e editar o SPA no AEM. O Componente RemotePage é um componente de página personalizado apenas para essa finalidade.

Visão geral

O componente RemotePage obtém todos os ativos necessários do asset-manifest.json gerado pelo aplicativo e o usa para renderizar o SPA no AEM.

  • A página remota permite inserir os scripts e as folhas de estilos de um SPA no corpo de um componente de página do AEM.
  • Os Componentes do Virtual Frontend permitem marcar seções como editáveis no Editor do SPA do AEM.
  • Juntos, um SPA hospedado em um domínio diferente pode ser editável no AEM.

Consulte o artigo Editing an External SPA in AEM para obter mais detalhes sobre SPAs editáveis e externos no AEM.

Requisitos

  • Habilitar CORS no desenvolvimento
  • Configurar o URL remoto nas Propriedades da página
  • Renderizar o SPA no AEM

Limitações

  • A implementação atual do componente RemotePage suporta apenas aplicações de Reação Remota.
  • O CSS interno definido no arquivo HTML raiz do aplicativo, bem como o CSS em linha no nó DOM raiz, não estarão disponíveis ao fazer a renderização remota no AEM.

Detalhes técnicos

Como o resto do projeto SPA do AEM, o Componente de página remota é de código aberto. Para obter os detalhes técnicos completos do Componente RemotePage, consulte o repositório GitHub.

Nesta 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