在决定外部SPA与AEM之间的集成级别时,通常需要能够在AEM中查看和编辑SPA。 RemotePage组件只是用于此目的的自定义页面组件。
RemotePage组件从应用程序生成的中提取所有必需的资源 asset-manifest.json
和使用此项在AEM中呈现SPA。
请参阅文章 在AEM中编辑外部SPA 有关AEM中可编辑的外部SPA的更多详细信息。
在开发中启用CORS
在页面属性中配置远程URL
在AEM中渲染SPA
Web应用程序必须使用类似于以下内容的捆绑器资产清单,并在域根目录下公开asset-manifest.json文件,该文件在入口点属性中列出要加载的所有CSS和JS文件:
应用程序必须能够在 <div id="root"></div>
主体元素下。 如果应用程序实例化需要不同的标记,则必须在具有的代理组件的HTL脚本中相应地调整此标记 sling:resourceSuperType="spa-project-core/components/remotepage
.
与AEM SPA项目的其余部分一样,RemotePage组件是开源的。 有关RemotePage组件的完整技术详细信息, 请参阅GitHub存储库。