콘텐츠 조각 모델 정의 content-fragment-models

AEM 작성자 환경에 로그인합니다(예: https://author-pYYYY-eXXXX.adobeaemcloud.com/).

AEM 시작 화면에서 도구 > 일반 > 구성 브라우저 ​로 이동합니다.

오른쪽 상단에서 만들기 ​를 클릭합니다.

그 결과로 표시되는 대화 상자에서 다음을 입력합니다.

• 제목*: 내 프로젝트
• 이름*: my-project(하이픈을 사용하는 모든 소문자를 사용하여 단어를 구분합니다. 이 문자열은 클라이언트 애플리케이션이 요청을 수행하는 고유한 GraphQL 엔드포인트에 영향을 줍니다.)
• 콘텐츠 조각 모델 확인
• GraphQL 영구 쿼리 확인

AEM 시작 화면에서 도구 > 일반 > 콘텐츠 조각 모델 ​로 이동합니다.

내 프로젝트 폴더로 이동합니다.

오른쪽 상단의 만들기 ​를 탭하여 모델 만들기 마법사를 표시합니다.

모델 제목 필드에 사람 ​을 입력하고 만들기 ​를 탭합니다. 결과 대화 상자에서 열기 ​를 탭하여 모델을 만듭니다.

한 줄 텍스트 요소를 기본 패널로 끌어서 놓습니다. 속성 탭에서 다음 속성을 입력하십시오.

• 필드 레이블: 전체 이름
• 속성 이름: fullName
• 필수 확인

속성 이름 ​은(는) AEM에 유지되는 속성의 이름을 정의합니다. 속성 이름 ​은(는) 이 속성의 키 이름도 데이터 스키마의 일부로 정의합니다. 이 키 ​은(는) 콘텐츠 조각 데이터가 GraphQL API를 통해 노출될 때 사용됩니다.

데이터 형식 탭을 탭하고 전체 이름 필드 아래에 여러 줄 텍스트 필드를 끌어서 놓습니다. 다음 속성을 입력합니다.

• 필드 레이블: 전기
• 속성 이름: biographyText
• 기본 형식: 서식 있는 텍스트

데이터 형식 탭을 클릭하고 콘텐츠 참조 필드를 끌어서 놓습니다. 다음 속성을 입력합니다.

• 필드 레이블: 프로필 사진
• 속성 이름: profilePicture
• 루트 경로: /content/dam

루트 경로 ​를 구성할 때 폴더 아이콘을 클릭하여 경로를 선택하는 모달을 표시할 수 있습니다. 이로 인해 작성자가 경로를 채우는 데 사용할 수 있는 폴더가 제한됩니다. /content/dam은(는) 모든 AEM Assets(이미지, 비디오, 기타 콘텐츠 조각)가 저장되는 루트입니다.

이미지 ​의 콘텐츠 형식만 사용하여 필드를 채울 수 있도록 그림 참조 ​에 유효성 검사를 추가하십시오.

데이터 형식 탭을 클릭하고 그림 참조 필드 아래에 열거형 데이터 형식을 끌어서 놓습니다. 다음 속성을 입력합니다.

• 다른 이름으로 렌더링: 확인란
• 필드 레이블: 직업
• 속성 이름: occupation

옵션 추가 단추를 사용하여 옵션 ​을(를) 여러 개 추가하십시오. 옵션 레이블 및 옵션 값 ​에 동일한 값을 사용합니다.

아티스트, 영향력 있는 사용자, 사진사, 여행자, 작가, 유튜버

최종 사용자 모델은 다음과 같아야 합니다.

변경 내용을 저장하려면 저장 ​을 클릭하세요.

내 프로젝트 폴더에서 오른쪽 상단의 만들기 ​을 탭하여 모델 만들기 마법사를 표시합니다.

모델 제목 필드에 팀 ​을 입력하고 만들기 ​를 탭합니다.

결과 대화 상자에서 열기 ​를 탭하여 새로 만든 모델을 엽니다.

한 줄 텍스트 요소를 기본 패널로 끌어서 놓습니다. 속성 탭에서 다음 속성을 입력하십시오.

• 필드 레이블: 제목
• 속성 이름: title
• 필수 확인

데이터 형식 탭을 탭하고 한 줄 텍스트 요소를 드래그하여 기본 패널에 놓습니다. 속성 탭에서 다음 속성을 입력하십시오.

• 필드 레이블: 짧은 이름
• 속성 이름: shortName
• 필수 확인
• 고유 확인
• 유효성 검사 유형 > 사용자 지정 선택
• 사용자 지정 유효성 검사 정규식 > ^[a-z0-9\-_]{5,40}$ 입력 - 5자에서 40자 사이의 소문자 영숫자 값과 대시만 입력할 수 있습니다.

shortName 속성은 축약된 경로를 기반으로 개별 팀을 쿼리하는 방법을 제공합니다. 고유 설정을 사용하면 이 모델의 콘텐츠 조각별로 값이 항상 고유합니다.

데이터 형식 탭을 탭하고 짧은 이름 필드 아래에 여러 줄 텍스트 필드를 끌어서 놓습니다. 다음 속성을 입력합니다.

• 필드 레이블: 설명
• 속성 이름: description
• 기본 형식: 서식 있는 텍스트

데이터 형식 탭을 클릭하고 조각 참조 필드를 끌어서 놓습니다. 다음 속성을 입력합니다.

• 렌더링 형식: 여러 필드
• 필드 레이블: 팀원
• 속성 이름: teamMembers
• 허용된 콘텐츠 조각 모델: 폴더 아이콘을 사용하여 개인 모델을 선택하십시오.

최종 팀 모델은 다음과 같아야 합니다.

변경 내용을 저장하려면 저장 ​을 클릭하세요.

이제 다음 두 가지 모델을 사용하여 작업할 수 있습니다.

AEM 시작 화면에서 도구 > 일반 > 구성 브라우저 ​로 이동합니다.

내 프로젝트 옆의 확인란을 탭하고 Publish ​을 탭합니다.

AEM 시작 화면에서 도구 > 일반 > 콘텐츠 조각 모델 ​로 이동합니다.

내 프로젝트 폴더로 이동합니다.

사람 및 팀 모델을 탭하고 Publish ​을 탭하세요.