5장 - Content Services 페이지 작성

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

NOTE
의 페이지 콘텐츠 아키텍처 /content/wknd-mobile/en/api 이(가) 사전 빌드되었습니다. 의 기본 페이지 enapi 아키텍처 및 조직 목적을 수행하지만 엄격하게 요구되지는 않습니다. API 콘텐츠가 현지화될 수 있는 경우, API 페이지는 AEM Sites 페이지처럼 현지화될 수 있으므로 일반적인 언어 사본 및 다중 사이트 관리자 페이지 구성 모범 사례를 따르는 것이 좋습니다.

이벤트 API 페이지 생성

  1. 다음으로 이동 AEM > 사이트 > WKND Mobile > English >API.

  2. API 페이지에서 레이블 탭하기 ​을 누른 다음 을 누릅니다 만들기 맨 위 작업 표시줄의 버튼을 클릭하고 API 페이지 아래에서 새 이벤트 API 페이지를 만듭니다.

    1. 누르기 만들기 맨 위의 작업 표시줄에서
    2. 선택 이벤트 API 템플릿
    3. 다음에서 이름 필드 입력 events
    4. 다음에서 제목 필드 입력 이벤트 API
    5. 누르기 만들기 을 클릭하여 페이지를 만듭니다.
    6. 누르기 완료 AEM Sites 관리자로 돌아가려면

이벤트 API 페이지 작성

NOTE
프로젝트는 작성자 경험을 위한 몇 가지 기본 스타일을 제공하기 위해 CSS를 제공합니다.
  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.

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

AEM Content Services JSON 출력

NOTE
이 JSON은 단정해 (서식 지정됨) .tidy 선택기:

다음 단계

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

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4