설명서AEM 6.5Mobile 안내서

컨텐츠 전달 content-delivery

Last update: Tue Nov 07 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • User
NOTE
Adobe 단일 페이지 애플리케이션 프레임워크 기반 클라이언트측 렌더링(예: React)이 필요한 프로젝트에는 SPA Editor를 사용하는 것이 좋습니다. 자세히 알아보기.

모바일 앱은 타깃팅된 앱 경험을 전달하는 데 필요한 경우 AEM의 모든 콘텐츠를 사용할 수 있어야 합니다.

여기에는 자체 구조를 가질 수 있는 에셋, 사이트 콘텐츠, CaaS 콘텐츠(OTT 콘텐츠) 및 사용자 지정 콘텐츠 사용이 포함됩니다.

NOTE
Over-the-Air 콘텐츠 은 ContentSync 핸들러를 통해 위의 어느 곳에서든 사용할 수 있습니다. zip을 통해 패키지 및 게재를 일괄 처리하고 업데이트 또는 해당 패키지를 유지 관리하는 데 사용할 수 있습니다.

Content Services가 제공하는 자료에는 세 가지 주요 유형이 있습니다.

  1. 자산
  2. 패키지된 HTML 컨텐츠(HTML/CSS/JS)
  3. 채널 독립적인 콘텐츠

chlimage_1-154

자산 assets

에셋 컬렉션은 다른 컬렉션에 대한 참조를 포함하는 AEM 구문입니다.

에셋 컬렉션은 콘텐츠 서비스를 통해 노출될 수 있습니다. 요청에서 에셋 컬렉션을 호출하면 에셋 목록인 개체(URL 포함)가 반환됩니다. 자산은 URL을 통해 액세스합니다. URL은 개체에 제공됩니다. 예:

  • 페이지 엔티티는 이미지 참조를 포함하는 JSON(페이지 개체)을 반환합니다. 이미지 참조는 이미지에 대한 에셋 바이너리를 가져오는 데 사용되는 URL입니다.
  • 폴더의 에셋 목록에 대한 요청은 해당 폴더의 모든 엔티티에 대한 세부 정보와 함께 JSON을 반환합니다. 해당 목록은 개체입니다. JSON에는 해당 폴더의 각 에셋에 대한 에셋 바이너리를 가져오는 데 사용되는 URL 참조가 있습니다.

자산 최적화 asset-optimization

컨텐츠 서비스의 핵심 가치는 장치에 최적화된 자산을 반환하는 기능입니다. 이렇게 하면 로컬 장치 저장 요구 사항이 줄어들고 앱 성능이 향상됩니다.

에셋 최적화는 API 요청에 제공된 정보를 기반으로 하는 서버측 함수입니다. 가능한 경우 에셋 렌디션을 캐시하여 유사한 요청이 에셋 렌디션을 재생성할 필요가 없도록 해야 합니다.

에셋 워크플로 assets-workflow

에셋 워크플로우는 다음과 같습니다.

  1. AEM에서 즉시 사용 가능한 자산 참조

  2. 모델이 지정된 자산 참조 엔티티 만들기

  3. 엔티티 편집

    1. 에셋 또는 에셋 컬렉션 선택
    2. JSON 렌더링 사용자 지정

다음 다이어그램은 자산 참조 워크플로우:

chlimage_1-155

자산 관리 managing-assets

컨텐츠 서비스는 다른 AEM 컨텐츠를 통해 참조되지 않을 수 있는 AEM 관리 자산에 대한 액세스를 제공합니다.

기존 관리 에셋 existing-managed-assets

AEM Sites 및 Assets 사용자는 AEM Assets을 사용하여 모든 채널에 대한 모든 디지털 자료를 관리하고 있습니다. 기본 모바일 앱을 개발 중이며 AEM Assets에서 관리하는 여러 자산을 사용해야 합니다. 예를 들어 로고, 배경 이미지 및 단추 아이콘이 있습니다.

현재 이러한 파일은 Assets 저장소를 중심으로 분산됩니다. 앱이 참조해야 하는 파일은 다음과 같습니다.

  • /content/dam/geometrixx-outdoors/brand/logo_light.png
  • /content/dam/geometrixx-outdoors/brand/logo_dark.png
  • /content/dam/geometrixx-outdoors/styles/backgrounds/grey_blue.jpg
  • /content/dam/geometrixx-outdoors/brand/icons/app/cart.png
  • /content/dam/geometrixx-outdoors/brand/icons/app/home.png

CS 자산 엔티티 액세스 accessing-cs-asset-entities

페이지가 AEM UI 설명에 포함되어 있는 API를 통해 현재 사용 가능한 상태로 설정되는 방법에 대한 단계는 생략하고 완료되었다고 가정해 보겠습니다. 자산 엔티티를 만들고 "appImages" 공간에 추가했습니다. 조직을 위해 스페이스에 추가 폴더가 생성되었습니다. 따라서 에셋 엔티티는 다음과 같이 AEM JCR에 저장됩니다.

  • /content/entities/appImages/logos/logo_light
  • /content/entities/appImages/logos/logo_dark
  • /content/entities/appImages/bkgnd/gray_blue
  • /content/entities/appImages/icons/cart
  • /content/entities/appImages/icons/home

사용 가능한 자산 엔티티 목록 가져오기 getting-a-list-of-available-asset-entities

앱 개발자는 자산 엔티티를 검색하여 사용 가능한 자산 목록을 가져올 수 있습니다. 콘텐츠 서비스 공간 끝점은 웹 서비스 API SDK를 통해 해당 정보를 제공할 수 있습니다.

그 결과는 "icons" 폴더의 자산 목록을 제공하는 JSON 형식의 개체가 됩니다.

chlimage_1-156

이미지를 가져오는 중 getting-an-image

JSON은 이미지에 Content Services에서 생성된 각 이미지의 URL을 제공합니다.

"장바구니" 이미지의 바이너리를 가져오려면 클라이언트 라이브러리가 다시 한 번 사용됩니다.

패키지된 HTML 컨텐츠 packaged-html-content

HTML 콘텐츠는 콘텐츠의 레이아웃을 유지해야 하는 고객에게 필요합니다. 이 기능은 Cordova 웹 보기와 같은 웹 컨테이너를 사용하여 콘텐츠를 표시하는 기본 애플리케이션에 유용합니다.

AEM Content Services는 API를 통해 모바일 앱에 HTML 콘텐츠를 제공합니다. AEM 컨텐츠를 HTML으로 노출하려는 고객은 AEM 컨텐츠 소스를 가리키는 HTML 페이지 엔티티를 만들 수 있습니다.

다음 옵션을 고려합니다.

  • Zip 파일: 디바이스에 제대로 표시할 수 있는 최상의 기회를 제공하기 위해 페이지에서 참조된 재료-css, JavaScript, 에셋 등이 응답과 함께 하나의 압축 파일에 포함됩니다. 이러한 파일에 대한 상대 경로를 사용하도록 HTML 페이지의 참조를 조정할 수 있습니다.
  • 스트리밍: AEM에서 필요한 파일의 매니페스트를 가져오는 중. 그런 다음 해당 매니페스트를 사용하여 후속 요청과 함께 모든 파일(HTML, CSS, JS 등)을 요청합니다.

chlimage_1-157

채널 독립적인 컨텐츠 channel-independent-content

채널 독립 콘텐츠는 레이아웃, 구성 요소 또는 기타 채널별 정보에 대한 걱정 없이 페이지와 같은 AEM 콘텐츠 구문을 노출하는 방법입니다.

이러한 컨텐츠 엔티티는 컨텐츠 모델을 사용하여 AEM 구조를 JSON 형식으로 변환하여 생성됩니다. 결과 JSON 데이터에는 AEM 저장소에서 분리된 콘텐츠 데이터에 대한 정보가 포함됩니다. 여기에는 에셋에 대한 메타데이터 및 AEM 참조 링크 반환과 콘텐츠 구조 간 관계(엔티티 계층 포함)가 포함됩니다.

채널 독립적인 컨텐츠 관리 managing-channel-independent-content

콘텐츠는 여러 가지 방법으로 앱에 액세스할 수 있습니다.

  1. AEM Over-the-Air의 방식으로 GET 콘텐츠 ZIPS

    • 콘텐츠 동기화 처리기는 zip 패키지를 직접 업데이트하거나 기존 콘텐츠 렌더러를 호출하여 업데이트할 수 있습니다

      • 플랫폼 핸들러
      • AEM 핸들러
      • 사용자 지정 처리기

  2. 컨텐츠 렌더러를 통해 직접 컨텐츠 GET

    • 기본 Sling 렌더러
    • AEM Mobile/Content Services 콘텐츠 렌더러
    • 사용자 지정 렌더링
recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b