설명서AEM as a Cloud Service사용 안내서

AEM Assets View에서 UI 확장성 사용 AEM-Assets-View-UI-Extensibility

Last update: Tue Mar 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 적용 대상:
  • Experience Manager as a Cloud Service

작성 대상:

  • 사용자
  • 개발자
새로 만들기 Dynamic Media Prime 및 Ultimate
새로 만들기 AEM Assets Ultimate
새로 만들기 Edge Delivery Services과 AEM Assets 통합
새로 만들기 Dynamic Media Prime 및 Ultimate 사용
모범 사례 검색
메타데이터 모범 사례
Content Hub
OpenAPI 기능이 포함된 Dynamic Media
AEM Assets 개발자 설명서

AEM Assets View은(는) UI 확장성을 지원하므로 AEM Assets View의 기본 기능에서 충족되지 않는 특정 워크플로 및 비즈니스 요구 사항에 대해 Assets View UI에 사용자 지정 UI 구성 요소를 추가할 수 있습니다. AEM Assets View의 이 UI 확장성 기능은 유연성을 향상시켜 조직에서 특정 워크플로 및 요구 사항에 맞게 인터페이스를 조정할 수 있도록 합니다.
자산, 폴더 및 컬렉션 수준에 확장을 추가할 수 있습니다. 추가된 확장은 자산, 컬렉션 또는 폴더 세부 정보 페이지의 전용 패널에 표시됩니다.

IMPORTANT

Assets 보기에 액세스 add-UI-Extensibility-in-AEM-Assets-View

Assets View에 액세스하려면 아래 이미지에 언급된 단계를 따르십시오.
access-assets-view-ui

Assets View에서 UI 확장 보기 ui-extensibility-panel-assets-view

Assets View 내에서 자산, 폴더 또는 컬렉션의 세부 정보 페이지로 이동합니다. 세부 정보 페이지에는 추가된 UI 확장이 전용 패널에 표시됩니다.
내 작업 공간

확장성 구성 요소를 추가하기 위한 사전 요구 사항 assets-view-ui-extensibility

Assets View UI에 확장성 구성 요소를 추가하려면 다음 요구 사항을 충족하십시오.

  • 액세스 대상 Assets View.
  • Adobe app builder에 대한 액세스 권한.
  • 조직 내 시스템 관리자 역할의 개발자에 대한 자격 부여. 자세한 내용은 이 설명서를 참조하세요.
  • Adobe IO command line tool (AIO CLI)이(가) 로컬 컴퓨터에 설치되어 있습니다. 이 도구는 확장 프로젝트를 만들고 배포하는 데 필수적입니다. 자세한 내용은 이 설명서를 참조하세요.
  • JavaScript, Node.js 및 React 기술을 잘 이해하고 있습니다.

Assets View에 UI 확장성 구성 요소 추가 ui-extensibility-in-assets-view

  1. UI 확장 및 Adobe App Builder 프레임워크에 대한 필수 정보는 시작하기를 참조하십시오. UI 확장성을 통해 Adobe Experience Cloud services 내에서 사용자 지정 논리와 UI를 통합하는 방법을 알아보고 UI 확장을 구현하기 위한 아키텍처 및 워크플로를 이해합니다.
  2. 로컬 환경 설정, 로컬 미리 보기, 게시 및 관리를 포함하여 UI 확장성에 대한 일반 정보는 안내서를 참조하십시오.
  3. AEM Assets View의 UI 확장을 개발하는 데 필요한 기본 사항을 이해하려면 확장을 만드는 일반적인 개념을 참조하십시오.
  4. 사용자 지정 사이드 패널을 Assets View 인터페이스에 추가합니다. 호스트 응용 프로그램(Assets View)은 이러한 패널을 관리하여 전환 및 딥링크와 같은 UI 상호 작용을 처리합니다. 확장은 aem/assets/details/1 확장 지점을 사용하여 패널 ID, 제목 및 콘텐츠 URL과 같은 속성을 지정하는 사용자 지정 패널을 통합합니다. 개발자는 getPanels() 메서드로 사용자 지정 패널을 등록하고 사용자 지정 콘텐츠를 표시하도록 빌드 경로를 설정합니다. API 참조 및 코드 예제를 포함한 자세한 구현은 자세히 보기를 참조하십시오.
  5. 로컬 환경을 설정하고 첫 번째 UI 확장을 만들어 Assets View에서 UI 확장을 개발하는 과정을 직접 경험하십시오. 자세한 내용은 단계별 AEM Assets 보기 확장 개발을 참조하십시오.
  6. AIO CLI를 사용하여 애플리케이션을 설정하여 기본 확장 구조 및 필수 코드를 생성합니다. 자세한 내용은 코드 생성 대상 AEM Assets View을 참조하십시오.
  7. 확장을 로컬에서 테스트하여 배포하기 전에 예상대로 작동하는지 확인합니다. 완전히 격리된 환경 또는 부분 격리된 환경에서 확장을 실행하고 테스트를 위해 프로덕션 AEM Assets View에 확장을 연결합니다. 자세한 내용은 문제 해결 - AEM Assets View 확장성을 참조하십시오.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab