설명서AEM 6.5사용 안내서

AEM Forms 작업 공간 사용자 정의에 대한 일반 단계 generic-steps-for-aem-forms-workspace-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 적용 대상:
  • Experience Manager 6.5
  • 주제:

작성 대상:

  • 사용자
  • 개발자

사용자 정의를 수행하는 일반 단계는 다음과 같습니다.

  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 주체를 검색하고 선택하십시오.

    HTML Workspace을 사용자 지정하는 일반 단계의 일부로 PERM_WORKSPACE_USER 사용자 주체를 선택하십시오

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

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

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

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

  10. 아래와 같이 GET.jsp 파일의 참조 및 상대 경로를 업데이트한 다음 모두 저장 ​을 클릭합니다.

    code language-javascript 
    <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를 열고 다음에서 변경

    code language-javascript 
    <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"/>

    대상

    code language-javascript 
    <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"/>
    note note
    NOTE
    위에 표시된 대로 style.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다.

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

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

    대상

    code language-jsp 
    <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(으)로 리디렉션됩니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2