Lorsque vous décidez du niveau d’intégration vous souhaitez avoir entre votre SPA externe et votre instance AEM, il est souvent évident que vous devez être capable d’afficher et de modifier la SPA dans AEM. Le composant RemotePage est un composant de page personnalisé destiné uniquement à cette fin.
Le composant RemotePage récupère toutes les ressources nécessaires à partir du asset-manifest.json
généré par l’application et l’utilise pour effectuer le rendu des SPA dans AEM.
Consultez l’article Modification d’un SPA externe dans AEM pour plus d’informations sur les SPA externes modifiables dans AEM.
Activer CORS en développement
Configurer l’URL distante dans les propriétés de page
Effectuer le rendu de la SPA dans AEM
L’application web doit utiliser un des manifestes de ressource de lot suivants et exposer un fichier asset-manifest.json à la racine du domaine qui répertorie dans une propriété de points d’entrée tous les fichiers CSS et JS à charger :
L’application doit pouvoir être initialisée dans un <div id="root"></div>
sous l’élément de corps. Si une balise différente est attendue pour l’application, elle doit être ajustée en conséquence dans les scripts HTL du composant proxy avec sling:resourceSuperType="spa-project-core/components/remotepage
.
Comme le reste du projet de SPA AEM, le composant RemotePage est disponible en open source. Pour obtenir les détails techniques complets concernant le composant RemotePage, consultez le référentiel GitHub.