OpenAPI를 사용하여 AEM 콘텐츠 조각 게재 시작
Headless CMS 시나리오에서, OpenAPI API를 통해 AEM의 컨텐츠 조각 전달을 사용하고 외부 앱에서 사용하여 AEM 컨텐츠를 작성하고 노출하는 방법을 설명하는 이 튜토리얼을 살펴보십시오. 이렇게 하면 WKND 팀 및 관련 멤버 세부 사항을 표시하는 React 앱을 만든 것처럼 생각하여 이러한 개념을 살펴볼 수 있습니다. 팀 및 구성원은 AEM 콘텐츠 조각 모델을 사용하여 모델링되고, OpenAPI를 통해 AEM 콘텐츠 조각 전달을 사용하는 React 앱에서 사용됩니다.
이 튜토리얼에서는 다음 주제를 다룹니다.
- 프로젝트 구성 만들기
- 데이터 모델링을 위한 콘텐츠 조각 모델 만들기
- 이전에 만든 모델을 기반으로 콘텐츠 조각 만들기
- OpenAPI API 설명서의 "Try It" 기능을 사용하여 AEMAEM 의 콘텐츠 조각을 쿼리할 수 있는 방법을 살펴봅니다
- 샘플 React 앱의 OpenAPI API 호출을 통해 AEM 컨텐츠 조각 전달을 통해 컨텐츠 조각 데이터를 사용합니다.
- Universal Editor에서 편집할 수 있도록 React 앱 개선
사전 요구 사항 prerequisites
이 튜토리얼을 따르려면 다음 사항이 필요합니다.
-
AEM Sites as a Cloud Service
-
기본 HTML 및 JavaScript 기술
-
다음 도구가 로컬에 설치되어 있어야 합니다.
AEM as a Cloud Service 환경
이 자습서를 완료하려면 AEM as a Cloud Service 환경에 대한 AEM 관리자 액세스 권한이 있는 것이 좋습니다. 개발 환경, 신속한 개발 환경 또는 샌드박스 프로그램 의 환경을 사용할 수도 있습니다.
시작하기
콘텐츠 조각 모델 정의로 튜토리얼을 시작하십시오.
GitHub 프로젝트
소스 코드 및 컨텐츠 패키지는 AEM Headless 튜토리얼 GitHub 리포지토리에서 사용할 수 있습니다.
main 분기에는 이 자습서에 대한 최종 소스 코드이(가) 포함되어 있습니다.
각 단계가 끝날 때 코드의 스냅샷을 Git 태그로 사용할 수 있습니다.
- 4장 시작 - React 앱:
headless_open-api_basic - 4장 끝 - React 앱:
headless_open-api_basic_4-end - 5장 끝 - 유니버설 편집기:
headless_open-api_basic_5-end
튜토리얼이나 코드에 문제가 있는 경우 GitHub 문제를 남겨주십시오.