Quando si decide quale livello di integrazione vorresti avere una relazione tra il tuo SPA esterno e l'AEM, spesso è chiaro che devi essere in grado di visualizzare e modificare l'SPA all'interno dell'AEM. Il componente RemotePage è un componente pagina personalizzato appositamente per questo scopo.
Il componente RemotePage recupera tutte le risorse necessarie dal file asset-manifest.json
e lo usa per rendere l'SPA all'interno dell'AEM.
Vedi l’articolo Modifica di un SPA esterno all’interno dell’AEM per maggiori dettagli sull'SPA esterno modificabile nell'AEM.
asset-manifest.json
file nella directory principale del dominio che elenca in un entrypoints property
tutti i file CSS e JS da caricare:
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>
sotto il body
elemento. Se è previsto un markup diverso per la creazione dell’istanza da parte dell’app, questo deve essere regolato di conseguenza negli script HTL del componente proxy che ha sling:resourceSuperType="spa-project-core/components/remotepage
.Come il resto del progetto SPA dell’AEM, il componente RemotePage è open source. Per informazioni tecniche complete sul componente RemotePage, vedi l’archivio GitHub.