Ao decidir que nível de integração você gostaria de ter entre seu AEM externo e SPA, muitas vezes é claro que você precisa ser capaz de visualizar e editar o SPA dentro do AEM. O componente RemotePage é um componente de página personalizado apenas para esta finalidade.
O componente RemotePage busca todos os ativos necessários do aplicativo gerado asset-manifest.json
e usa isso para renderizar o SPA dentro do AEM.
Consulte o artigo Edição de um AEM externo no SPA para obter mais detalhes sobre SPA externo editável no AEM.
asset-manifest.json
na raiz do domínio que lista em um entrypoints property
todos os arquivos CSS e JS que serão carregados:
https://github.com/shellscape/webpack-manifest-plugin
https://github.com/webdeveric/webpack-assets-manifest
https://github.com/mugi-uno/parcel-plugin-bundle-manifest
<div id="root"></div>
abaixo do body
elemento. Se uma marcação diferente for esperada para o aplicativo instanciar, ela deverá ser ajustada de acordo nos scripts HTL do componente proxy que tem um sling:resourceSuperType="spa-project-core/components/remotepage
.AEM Como o restante do projeto SPA, o componente RemotePage é de código aberto. Para obter todos os detalhes técnicos do componente RemotePage, consulte o repositório do GitHub.