초기 샌드박스 응용 프로그램

이 섹션에서 다음을 만듭니다.

• 예제 웹 사이트에서 컨텐츠 페이지를 만드는 데 사용할 템플릿.
• 웹 사이트 페이지를 렌더링하는 데 사용할 구성 요소 및 스크립트.

콘텐트 템플릿 만들기

템플릿은 새 페이지의 기본 컨텐츠를 정의합니다. 복잡한 웹 사이트에서는 여러 템플릿을 사용하여 사이트에서 다양한 유형의 페이지를 만들 수 있습니다. 또한 템플릿 세트는 서버 클러스터에 변경 사항을 롤아웃하는 데 사용되는 청사진이 될 수 있습니다.

이 연습에서는 모든 페이지가 하나의 간단한 템플릿을 기반으로 합니다.

1. CRXDE Lite의 탐색기 창에서:

   • 선택 /apps/an-scf-sandbox/templates
   • 만들기 > 템플릿 만들기

2. 템플릿 만들기 대화 상자에서 다음 값을 입력한 다음 다음​을 클릭합니다.

   • 레이블: playpage
   • 제목: An SCF Sandbox Play Template
   • 설명: An SCF Sandbox template for play pages
   • 리소스 유형: an-scf-sandbox/components/playpage
   • 등급:<기본값으로 유지>

   Label은 노드 이름에 사용됩니다.

   리소스 유형은 playpage의 jcr:content 노드에 속성 sling:resourceType으로 나타납니다. 브라우저가 요청할 때 컨텐츠를 렌더링하는 구성 요소(리소스)를 식별합니다.

   이 경우 playpage 템플릿을 사용하여 만든 모든 페이지는 an-scf-sandbox/components/playpage 구성 요소에 의해 렌더링됩니다. 규칙에 따라 구성 요소의 경로는 상대 경로이므로 Sling은 /apps 폴더에서 먼저 리소스를 검색하고, 찾을 수 없는 경우 /libs 폴더에서 리소스를 검색할 수 있습니다.

   

3. 복사/붙여넣기를 사용하는 경우 리소스 유형 값에 선행 또는 후행 공백이 없는지 확인합니다.

   다음​을 클릭합니다.

4. "허용되는 경로"는 템플릿이 새 페이지 대화 상자에 나열되는 등 이 템플릿을 사용하는 페이지 경로를 나타냅니다.

   패스를 추가하려면 더하기 단추 +를 클릭하고 나타나는 텍스트 상자에 /content(/.*?lang=ko)?을 입력합니다. 복사/붙여넣기를 사용하는 경우 앞이나 뒤에 공백이 없는지 확인합니다.

   참고:허용되는 경로 속성의 값은 정규 표현식​입니다. 표현식과 일치하는 경로가 있는 컨텐츠 페이지에서는 템플릿을 사용할 수 있습니다. 이 경우 정규 표현식은 /content 폴더의 경로와 모든 하위 페이지의 경로와 일치합니다.

   작성자가 /content 아래의 페이지를 만들면 "SCF 샌드박스 페이지 템플릿"이라는 이름의 playpage 템플릿이 사용 가능한 템플릿 목록에 나타납니다.

   템플릿에서 루트 페이지를 만든 후 정규 표현식에 루트 경로를 포함하도록 속성을 수정하여 템플릿에 대한 액세스를 이 웹 사이트로 제한할 수 있습니다.

   /content/an-scf-sandbox(/.*?lang=ko)?

   

5. 다음​을 클릭합니다.

   허용되는 부모 패널에서 다음​을 클릭합니다.

   허용되는 하위 항목 패널에서 다음​을 클릭합니다.

   확인​을 클릭합니다.

6. 확인을 클릭하고 템플릿 작성을 완료하면 새 playpage 템플릿에 대한 속성 탭 값의 모서리에 빨간색 삼각형이 표시됩니다. 이러한 빨간색 삼각형은 저장되지 않은 편집을 나타냅니다.

   새 템플릿을 저장소에 저장하려면 모두 저장​을 클릭합니다.

   

템플릿의 렌더링 구성 요소 만들기

컨텐츠를 정의하고 재생 페이지 템플릿을 기반으로 만들어진 페이지를 렌더링하는 구성 요소​를 만듭니다.

1. CRXDE Lite에서 /apps/an-scf-sandbox/components​을 마우스 오른쪽 단추로 클릭하고 만들기 > 구성 요소​를 클릭합니다.

2. 노드의 이름(레이블)을 playpage​로 설정하면 구성 요소의 경로가

   /apps/an-scf-sandbox/components/playpage

   재생 페이지 템플릿의 리소스 유형에 해당합니다(선택적으로 경로의 초기 /apps/ 부분을 빼기).

   구성 요소 만들기 대화 상자에서 다음 속성 값을 입력합니다.

   • 레이블:재생 페이지
   • 제목:SCF 샌드박스 재생 구성 요소
   • 설명:SCF 샌드박스 페이지에 대한 내용을 렌더링하는 구성 요소입니다.
   • 슈퍼 유형:<비워>
   • 그룹:<비워>

   

3. 대화 상자의 허용되는 하위 패널이 나타날 때까지 다음​을 클릭합니다.

   • 확인​을 클릭합니다.
   • 모두 저장​을 클릭합니다.

4. 템플릿에 대한 구성 요소 경로와 resourceType의 경로가 일치하는지 확인합니다.

   주의

   재생 페이지 구성 요소의 경로와 재생 페이지 템플릿의 sling:resourceType 속성 간의 통신은 웹 사이트의 올바른 기능에 매우 중요합니다.