AEM Forms 작업 공간 사용자 지정을 위한 일반 단계

사용자 지정을 수행하는 일반적인 단계는 다음과 같습니다.

  1. https://'[server]:[port]'/lc/crx/de/index.jsp에 액세스하여 CRXDE Lite에 로그인합니다.

  2. /appsws 폴더가 없는 경우 sling:Folder 폴더를 만듭니다. sling:Folder 폴더를 만들려면 apps 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 > 노드 만들기​를 선택합니다. 이름을 ws(으)로 지정하고 유형을 sling:Folder(으)로 선택하고 확인​을 클릭합니다. 모두 저장​을 클릭합니다.

  3. /apps/ws으로 이동하여 액세스 제어 탭으로 이동합니다.

  4. 저장소 옵션을 선택합니다. Access Control 목록에서 +​를 클릭하여 새 항목을 추가합니다. + 를 다시 클릭합니다.

  5. PERM_WORKSPACE_USER 주도자를 검색하고 선택합니다.

    PERM_WORKSPACE_USER 주도자를 일반 단계의 일부로 선택하여 HTML 작업 공간을 사용자 지정합니다

  6. jcr:read 권한을 주도자에게 부여합니다.

  7. 모두 저장​을 클릭합니다.

  8. /libs/ws 폴더에서 GET.jsp, indexhtml.jsp 파일을 /apps/ws 폴더로 복사합니다.

  9. /apps/ws 폴더에서 /libs/ws/locales 폴더를 복사합니다. 모두 저장​을 클릭합니다.

  10. 아래 표시된 대로 GET.jsp 파일에서 참조 및 상대 경로를 업데이트하고 모두 저장​을 클릭합니다.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. CSS 사용자 지정에 대해서는 다음을 수행합니다.

    1. /apps/ws 폴더로 이동하고 css 폴더를 만듭니다.

    2. css 폴더에서 newStyle.css 라는 새 파일을 만듭니다.

    3. /apps/ws/html.jsp를 열고

    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    

    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    
    노트

    위에 표시된 것처럼 style.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다.

  12. /apps/ws/html.jsp 파일에서

    <script data-main="js/main" src="js/libs/require/require.js"></script>
    

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    
  13. 다음을 수행합니다.

    1. /apps/ws에서 js 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    2. /apps/ws/js에서 libs 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    3. /libs/ws/js/libs/jqueryui 폴더를 /apps/ws/js/libs에 복사합니다. 모두 저장​을 클릭합니다.

  14. HTML 사용자 정의에 대해서는 다음을 수행하십시오.

    1. /apps/ws/js 아래에 runtime 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    2. /apps/ws/js/runtime 아래에 templates 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    3. /libs/ws/js/main.js/apps/ws/js/main.js에 복사합니다.

    4. /libs/ws/js/registry.js 을 /apps/ws/js/registry.js에 복사합니다.

  15. 모두 저장​을 클릭하고, 캐시를 지우고, AEM Forms 작업 공간을 새로 고칩니다.

    URL https://'[server]:[port]'/lc/ws에 액세스하고 관리자/암호 자격 증명으로 로그인합니다. 브라우저가 https://'[server]:[port]'/lc/apps/ws/index.html으로 리디렉션됩니다.

이 페이지에서는