AEM Headless 웹 구성 요소 배포
AEM Headless 웹 구성 요소/JS 배포는 웹 브라우저에서 실행되고 Headless 방식으로 AEM의 콘텐츠를 소비하고 상호 작용하는 순수 JavaScript 앱입니다. 웹 구성 요소/JS 배포는 강력한 SPA 프레임워크를 사용하지 않으며, AEM의 콘텐츠를 표시하기 위해 모든 웹 사이트의 컨텍스트에 포함되어야 한다는 점에서 SPA 배포와 다릅니다.
배포 구성
웹 구성 요소/JS 배포를 위해서는 다음 배포 구성이 적용되어야 합니다.
| Web Component/JS 앱이 AEM에 → | AEM Author | AEM 게시 | AEM 미리보기 |
|---|---|---|---|
| Dispatcher 필터 | ✘ | ✔ | ✔ |
| CORS(원본 간 리소스 공유) | ✔ | ✔ | ✔ |
| AEM 호스트 | ✔ | ✔ | ✔ |
예제 웹 구성 요소
Adobe은 예제 웹 구성 요소를 제공합니다.
AEM Headless JavaScript API의 콘텐츠를 사용하는 순수 GraphQL으로 작성된 예제 웹 구성 요소입니다.
