5장 - Content Services 페이지 작성

AEM Headless 자습서 5장에서는 4장에 정의된 템플릿으로 페이지 만들기에 대해 다룹니다. 이 장에서 만든 페이지는 모바일 앱에 대한 JSON HTTP 끝점 역할을 합니다.

이벤트 API 페이지 생성

1. 다음으로 이동 AEM > 사이트 > WKND Mobile > English >API.
2. API 페이지에서 레이블 탭하기​을 누른 다음 을 누릅니다 만들기 맨 위 작업 표시줄의 버튼을 클릭하고 API 페이지 아래에서 새 이벤트 API 페이지를 만듭니다.
   1. 누르기 만들기 맨 위의 작업 표시줄에서
   2. 선택 이벤트 API 템플릿
   3. 다음에서 이름 필드 입력 events
   4. 다음에서 제목 필드 입력 이벤트 API
   5. 누르기 만들기 을 클릭하여 페이지를 만듭니다.
   6. 누르기 완료 AEM Sites 관리자로 돌아가려면

이벤트 API 페이지 작성

1. 편집 이벤트 API 페이지로 이동 AEM > 사이트 > WKND Mobile > 영어 > API, 선택 이벤트 API 페이지 및 탭 편집 맨 위의 작업 표시줄에 표시됩니다.

2. 추가 로고 이미지 자산 파인더에서 이미지 구성 요소 자리 표시자로 드래그 앤 드롭하여 앱에 표시합니다.

   • 다음 위치에 있는 제공된 로고 사용 /content/dam/wknd-mobile/images/wknd-logo.png.

3. 추가 태그 라인 를 클릭하여 이벤트 위에 표시합니다.

   1. 편집 텍스트 구성 요소
   2. 텍스트를 입력합니다.
      • The WKND is here.

4. 다음 항목 선택 events 표시 방법:

   1. 에서 다음 구성을 설정합니다. 속성 탭:
      • 모델: 이벤트
      • 상위 경로: /content/dam/wknd-mobile/en/events
      • 태그: <leave blank="">
   2. 에서 다음 구성을 설정합니다. 요소 탭:
      • 나열된 요소를 제거하여 이벤트 콘텐츠 조각의 모든 요소가 노출되도록 합니다.

API 페이지의 JSON 출력 검토

JSON 출력 및 해당 형식은 를 사용하여 페이지를 요청하여 검토할 수 있습니다. .model.json 선택기.

이 JSON 구조(또는 스키마)는 이 API의 소비자가 잘 이해해야 합니다. 구조의 어떤 측면이 수정되는지(즉, API 소비자가 이해하는 것이 중요합니다. Event API의 로고(이미지) 및 태그 라이브(텍스트) 및 유동적(예: 콘텐츠 조각 목록 구성 요소 아래에 나열된 이벤트.

게시된 API에 대한 이 계약을 위반하면 를 사용하는 앱에서 잘못된 동작이 발생할 수 있습니다.

1. 새 브라우저 탭에서 다음을 사용하여 이벤트 API 페이지를 요청합니다. .model.json AEM Content Services의 JSON Exporter를 호출하고 페이지 및 구성 요소를 표준화되고 잘 정의된 JSON 구조로 직렬화하는 선택기입니다.

   이러한 페이지에서 생성된 JSON 구조는 앱을 사용하는 구조가 일치해야 합니다.

2. 요청 이벤트 API 다음으로 페이지 JSON.

   • http://localhost:4502/content/wknd-mobile/en/api/events.model.json

   결과는 다음과 비슷하게 표시됩니다.

다음 단계

필요한 경우 com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip 를 통한 AEM Author의 콘텐츠 패키지 AEM 패키지 관리자. 이 패키지에는 자습서의 이 장과 이전 장에 설명된 구성과 콘텐츠가 포함되어 있습니다.

• 6장 - AEM 게시에서 컨텐츠를 JSON으로 노출