Al decidir qué nivel de integración le gustaría tener entre el SPA externo y el AEM, a menudo está claro que necesita poder ver y editar el SPA dentro de AEM. El componente RemotePage es un componente de página personalizado solo para este fin.
El componente RemotePage obtiene todos los recursos necesarios del asset-manifest.json
y utiliza esto para procesar el SPA dentro de AEM.
Consulte el artículo Edición de un SPA externo dentro de AEM para obtener más información sobre SPA externas editables en AEM.
asset-manifest.json
en la raíz de dominio que enumera una entrypoints property
todos los archivos CSS y JS que se van a cargar:
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>
debajo del body
elemento. Si se espera un marcado diferente para que la aplicación cree una instancia, entonces esto debe ajustarse en consecuencia en los scripts HTL del componente proxy que tenga un sling:resourceSuperType="spa-project-core/components/remotepage
.Al igual que el resto del proyecto AEM SPA, el componente RemotePage es de código abierto. Para obtener todos los detalles técnicos del componente RemotePage, consulte el repositorio de GitHub.