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

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

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

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

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

4. 리포지토리 옵션을 선택합니다. 액세스 제어 목록에서 +​을 클릭하여 새 항목을 추가합니다. +​을 다시 클릭합니다.

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

   

6. jcr:read 권한을 주체에 지정합니다.

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

8. /libs/ws 폴더에서 GET.jsp, index 및 html.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으로 리디렉션됩니다.