1. 프로젝트 만들기
다른 Adobe 서비스에 대한 액세스 권한을 정의하고 해당 배포를 관리하는 Adobe Developer 콘솔 프로젝트를 만듭니다.
Adobe Developer 프로젝트 만들기
- 개요
- AEM as a Cloud Service 소개
- Experience Cloud 통합
- 기본 기술
- Cloud Manager
- 로컬 개발 환경 설정
- 개발
- AEM 디버깅
- 컨텐츠 전달
- AEM 액세스
- 인증
- 고급 네트워킹
- 마이그레이션
- 양식
- asset compute 확장성
- 클라우드 5
- AEM Experts Series
- 여러 단계 Tutorials
AEM 컨텐츠 조각 콘솔 확장
AEM 컨텐츠 조각 콘솔 확장은 두 개의 확장 지점을 통해 추가할 수 있습니다. 버튼 컨텐츠 조각 콘솔의 헤더 메뉴 또는 작업 표시줄. 확장 프로그램은 App Builder 앱으로 실행되는 JavaScript로 작성되며, 사용자 지정 웹 UI 및 서버리스 Adobe I/O Runtime 작업을 구현하여 보다 집중적이고 오래 실행되는 작업을 수행할 수 있습니다.
| 확장 유형 | 설명 | 매개 변수 |
|---|---|---|
| 헤더 메뉴 | 다음에 표시되는 헤더에 단추를 추가합니다 제로 컨텐츠 조각이 선택됩니다. | 없음. |
| 작업 표시줄 | 다음 경우에 표시되는 작업 표시줄에 단추를 추가합니다 하나 이상 컨텐츠 조각이 선택됩니다. | 선택한 컨텐츠 조각 경로의 배열입니다. |
단일 AEM 컨텐츠 조각 콘솔 확장에는 0 또는 하나의 헤더 메뉴와 0 또는 하나의 작업 표시줄 확장 유형이 포함될 수 있습니다. 동일한 유형의 여러 확장 유형이 필요한 경우 여러 AEM 컨텐츠 조각 콘솔 확장을 만들어야 합니다.
AEM 컨텐츠 조각 콘솔 확장 기능, Adobe Developer 콘솔 프로젝트 그리고 App Builder 앱 사용 @adobe/aem-cf-admin-ui-ext-tpl Adobe Developer 콘솔 프로젝트와 연결된 템플릿입니다.
확장의 기능을 기반으로 App Builder 앱을 생성할 때 다음 기능 중에서 선택합니다. 확장에서는 모든 옵션 조합을 사용할 수 있습니다.
| 에 단추 추가 헤더 메뉴 | 에 단추 추가 작업 표시줄 | 표시 모달 | 추가 서버측 처리기 | |
|---|---|---|---|---|
| 컨텐츠 조각을 선택하지 않은 경우 사용할 수 있습니다 | ✔ | |||
| 하나 이상의 컨텐츠 조각을 선택한 경우 사용할 수 있습니다 | ✔ | |||
| 사용자로부터 사용자 지정 입력 수집 | ✔️ | |||
| 사용자에게 사용자 지정 피드백을 표시합니다. | ✔️ | |||
| AEM에 대한 HTTP 요청을 호출합니다 | ✔ | |||
| Adobe/타사 서비스에 대한 HTTP 요청을 호출합니다 | ✔ |
Adobe Developer 설명서
Adobe Developer에는 AEM 컨텐츠 조각 콘솔 확장에 대한 개발자 세부 사항이 포함되어 있습니다. 다음 문서를 검토하십시오 Adobe Developer 컨텐츠를 참조하십시오.
확장 개발
AEM as a Cloud Service용 AEM 컨텐츠 조각 콘솔 확장을 생성, 개발 및 배포하는 방법을 배우려면 아래 설명된 단계를 따르십시오.
5. 모달
사용자를 위한 맞춤형 경험을 만드는 데 사용할 수 있는 확장에 사용자 지정 모달을 추가합니다. 모듈은 종종 사용자로부터 입력을 수집하고 작업 결과를 표시합니다.
모달 추가
6. Adobe I/O Runtime 작업
확장이 컨텐츠 조각 및 AEM과 상호 작용하여 사용자 지정 비즈니스 작업을 수행하기 위해 호출할 수 있는 서버를 사용하지 않는 Adobe I/O Runtime 작업을 추가합니다.
Adobe I/O Runtime 작업 추가
예시 확장
AEM 컨텐츠 조각 콘솔 확장 예제 .
OpenAI 기반 이미지 생성 및 AEM 확장에 업로드
OpenAI를 사용하여 이미지를 생성하고 AEM에 업로드하며 선택한 컨텐츠 조각에서 이미지 속성을 업데이트하는 예제 작업 표시줄 확장을 탐색합니다.
예제 확장 살펴보기Business.Adobe.com 리소스
언어 바꾸기
