Quando si decide quale livello di integrazione desideri avere tra il tuo SPA esterno e il AEM, spesso è chiaro che devi essere in grado di visualizzare e modificare il SPA in AEM. Il componente RemotePage è un componente pagina personalizzato solo a questo scopo.
Il componente RemotePage recupera tutte le risorse necessarie dall'applicazione generata asset-manifest.json
e lo utilizza per il rendering del SPA all'interno di AEM.
Vedi l'articolo Modifica di un SPA esterno in AEM per ulteriori dettagli sulle SPA modificabili esterne in AEM.
asset-manifest.json
file nella directory principale del dominio in cui è presente l'elenco 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 l’istanza dell’app, questo deve essere regolato di conseguenza negli script HTL del componente proxy che ha un sling:resourceSuperType="spa-project-core/components/remotepage
.Come il resto del progetto SPA AEM, il componente RemotePage è open source. Per tutti i dettagli tecnici del componente RemotePage, consulta l’archivio GitHub.