샌드박스 응용 프로그램 개발

이 섹션에서 템플릿이 초기 응용 프로그램 섹션에 설정되었고 초기 컨텐츠 섹션에 설정된 초기 페이지가 있는 경우 커뮤니티 구성 요소로 작성을 활성화하는 기능을 포함하는 기초 스크립트를 사용하여 응용 프로그램을 개발할 수 있습니다. 이 섹션의 끝에서 웹 사이트가 작동합니다.

기본 페이지 스크립트 사용

재생 페이지 템플릿을 렌더링하는 구성 요소가 추가된 시점에 생성된 기본 스크립트는 기본 페이지의 head.jsp 및 로컬 body.jsp를 포함하도록 수정되었습니다.

슈퍼 리소스 유형

첫 번째 단계는 리소스 슈퍼 유형 속성을 /apps/an-scf-sandbox/components/playpage 노드에 추가하여 수퍼 유형의 스크립트 및 속성을 상속합니다.

CRXDE Lite 사용:

  • 이름: sling:resourceSuperType
  • 유형: String
  • 값: foundation/components/page
  1. 녹색 [+] 추가​를 클릭합니다.
  2. 모두 저장​을 클릭합니다.

chlimage_1-231

헤드 및 본문 스크립트

  1. CRXDE Lite 탐색기 창에서 /apps/an-scf-sandbox/components/playpage로 이동하고 playpage.jsp 파일을 두 번 클릭하여 편집 창에서 엽니다.

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

<%--

  An SCF Sandbox Play Component component.

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp?lang=ko"%><%
%><%@page session="false" %><%
%><%
 // TODO add your code here
%>
  1. 열린 스크립트 태그를 알고 있는 경우 " // TODO …"를 바꾸십시오. 의 헤드 및 본문 부분에 대한 스크립트가 포함되어 있습니다. <html>.

    foundation/components/page의 슈퍼 유형이 있는 경우 이 동일한 폴더에 정의되지 않은 스크립트는 /apps/foundation/components/page 폴더의 스크립트(있는 경우)와 /libs/foundation/components/page 폴더의 스크립트로 확인됩니다.

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

<%--

    An SCF Sandbox Play Component component: playpage.jsp

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp?lang=ko"%><%
%><%@page session="false" %>
<html>
  <cq:include script="head.jsp"/>
  <cq:include script="body.jsp"/>
</html>
  1. 기본 스크립트 head.jsp을(를) 오버레이할 필요는 없지만 기본 스크립트 body.jsp은(는) 비어 있습니다.

    작성을 위해 설정하려면 로컬 스크립트로 body.jsp을 오버레이하고 본문에 단락 시스템(parsys)을 포함하십시오.

    1. /apps/an-scf-sandbox/components 탐색

    2. playpage노드 선택

    3. 마우스 오른쪽 단추를 클릭하고 Create > Create File... 선택

      • 이름:body.jsp
    4. 모두 저장​을 클릭합니다.

    /apps/an-scf-sandbox/components/playpage/body.jsp을(를) 열고 다음 텍스트에 붙여 넣습니다.

    <%--
    
        An SCF Sandbox Play Component component: body.jsp
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp?lang=ko"%><%
    %><%@page session="false" %>
    <body>
        <h2>Community Play</h2>
        <cq:include path="par" resourceType="foundation/components/parsys" />
    </body>
    
  2. 모두 저장​을 클릭합니다.

편집 모드에서 브라우저에서 페이지 보기:

커뮤니티 재생 제목뿐만 아니라 페이지 컨텐츠를 편집하기 위한 UI도 표시되어야 합니다.

사이드 패널이 모두 열려 있고 창이 충분히 넓어 사이드 컨텐츠와 페이지 컨텐츠가 모두 표시될 때 자산/구성 요소 사이드 패널이 표시됩니다.

chlimage_1-232

다음은 컨텐츠 파인더(cf)와 함께 재생 페이지가 클래식 UI에 표시되는 방식입니다.

chlimage_1-233

커뮤니티 구성 요소

작성을 위해 커뮤니티 구성 요소를 활성화하려면 다음 지침에 따라 시작합니다.

이 샌드박스의 목적을 위해 다음 Communities 구성 요소(확인란을 선택하여 활성화)로 시작하십시오.

  • 댓글
  • 포럼
  • 등급
  • 검토
  • 검토 요약(표시)
  • 투표

또한 일반 구성 요소(예:

  • 이미지
  • 텍스트
  • 제목(Foundation)
노트

페이지 단어에 대해 활성화된 구성 요소는components
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

랜딩 페이지

다중 언어 환경에서 루트 페이지에는 기본 언어를 결정하기 위해 클라이언트의 요청을 분석하는 스크립트가 포함됩니다.

이 간단한 예에서는 루트 페이지가 영어 페이지로 리디렉션되도록 정적으로 설정되어 있으며, 이 페이지는 향후 개발 시 재생 페이지에 대한 링크가 있는 기본 랜딩 페이지로 연결될 수 있습니다.

브라우저 URL을 루트 페이지로 변경합니다.http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • 페이지 정보 아이콘 선택

  • 속성 열기​를 선택합니다.

  • 고급 탭에서

    • 리디렉션 항목의 경우 웹 사이트 > SCF 샌드박스 사이트 > SCF 샌드박스​로 이동합니다.
    • 확인​을 클릭합니다
  • 확인​을 클릭합니다

사이트가 게시되면 게시 인스턴스에서 루트 페이지를 검색하면 영어 페이지로 리디렉션됩니다.

커뮤니티 SCF 구성 요소를 사용하기 전의 마지막 단계는 클라이언트 라이브러리 폴더(clientlibs)를 추가하는 것입니다…

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now