RemotePage 구성 요소

외부 SPA과 AEM 간에 포함할 통합 수준을 결정할 때 AEM 내에서 SPA을 보고 편집할 수 있어야 하는 것이 일반적입니다. RemotePage 구성 요소는 이 목적을 위해 사용자 지정 페이지 구성 요소입니다.

개요

RemotePage 구성 요소는 애플리케이션에서 생성된 asset-manifest.json에서 필요한 모든 에셋을 가져오고 AEM 내에서 SPA을 렌더링하는 데 사용합니다.

  • RemotePage를 사용하면 SPA의 스크립트 및 스타일 시트를 AEM 페이지 구성 요소 본문에 삽입할 수 있습니다.
  • 가상 프런트 엔드 구성 요소를 사용하면 AEM SPA 편집기에서 섹션을 편집 가능한 것으로 표시할 수 있습니다.
  • 서로 다른 도메인에 호스팅된 SPA을 AEM에서 편집할 수 있습니다.

AEM에서 편집 가능한 외부 SPA에 대한 자세한 내용은 SPA에서 외부을 편집하는 문서 AEM 내 외부 편집을 참조하십시오.

요구 사항

  • 개발 시 CORS 활성화
  • 페이지 속성에서 원격 URL 구성
  • AEM에서 SPA 렌더링

제한 사항

  • RemotePage 구성 요소의 현재 구현은 원격 응답 애플리케이션만 지원합니다.
  • AEM에서 원격 렌더링을 수행할 때 애플리케이션의 루트 HTML 파일과 루트 DOM 노드의 인라인 CSS에 정의된 내부 CSS를 사용할 수 없습니다.

기술 세부 정보

나머지 AEM SPA 프로젝트와 마찬가지로 RemotePage 구성 요소는 오픈 소스입니다. RemotePage 구성 요소에 대한 전체 기술 세부 정보는 GitHub 리포지토리를 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now