결정 시 통합 수준 외부 SPA과 AEM 간에 호환되도록 하려면 AEM 내에서 SPA을 보고 편집할 수 있어야 한다는 것이 명확합니다. RemotePage 구성 요소는 이를 위한 사용자 지정 페이지 구성 요소입니다.
RemotePage 구성 요소는 생성된 애플리케이션에서 필요한 모든 자산을 가져옵니다 asset-manifest.json
및 는 AEM 내에서 SPA을 렌더링하는 데 사용합니다.
문서 보기 AEM 내에서 외부 SPA 편집 AEM의 편집 가능한 외부 SPA에 대한 자세한 내용을 참조하십시오.
asset-manifest.json
에 나열된 도메인 루트에 있는 파일 entrypoints property
로드할 모든 CSS 및 JS 파일:
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>
아래 body
요소를 생성하지 않습니다. 앱이 인스턴스화되기 위해 다른 마크업이 필요한 경우 가 있는 프록시 구성 요소의 HTL 스크립트에서 이를 적절하게 조정해야 합니다. sling:resourceSuperType="spa-project-core/components/remotepage
.AEM SPA 프로젝트의 나머지 부분과 마찬가지로 RemotePage 구성 요소는 오픈 소스입니다. RemotePage 구성 요소에 대한 전체 기술 세부 정보는 gitHub 저장소를 참조하십시오.