설명서AEM 6.5사용 안내서

CRXDE Lite을 사용한 개발 developing-with-crxde-lite

Last update: Wed Apr 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • Developer

이 섹션에서는 CRXDE Lite을 사용하여 Adobe Experience Manager(AEM) 애플리케이션을 개발하는 방법에 대해 설명합니다.

사용 가능한 다양한 개발 환경에 대한 자세한 내용은 개요 설명서 를 참조하십시오.

CRXDE Lite은 AEM에 포함되어 있으며 브라우저에서 표준 개발 작업을 수행할 수 있도록 해줍니다. CRXDE Lite을 사용하면 로깅하는 동안 프로젝트를 만들고, 파일(.jsp 및 .java 등), 폴더, 템플릿, 구성 요소, 대화 상자, 노드, 속성 및 번들을 만들고 편집할 수 있습니다.
AEM 서버에 직접 액세스할 수 없는 경우 CRXDE Lite을 사용하는 것이 좋습니다. 또는 기본 제공 구성 요소 및 Java™ 번들을 확장 또는 수정하여 애플리케이션을 개발하거나 전용 디버거가 필요하지 않은 경우 코드 완성 및 구문 강조 표시를 참조하십시오.

NOTE
AEM 6.5.5.0 이상에서는 더 이상 CRXDE Lite에 대한 익명 액세스가 불가능합니다.
사용자가 로그인 화면으로 리디렉션됩니다.
NOTE
Adobe은 Eclipse용 AEM 개발자 도구 및 AEM HTL Brackets 확장 프로젝트 개발 중.

CRXDE Lite 시작 getting-started-with-crxde-lite

CRXDE Lite을 시작하려면 다음과 같이 진행합니다.

  1. AEM을 설치합니다.

  2. 브라우저에 을 입력합니다. https://<host>:<port>/crx/de. 기본적으로 입니다. https://localhost:4502/crx/de.

  3. 다음을 입력하십시오. 사용자 이름 및 암호. 기본적으로 입니다. admin 및 admin.

  4. 확인 ​을 클릭합니다.

CRXDE Lite 사용자 인터페이스는 브라우저에서 다음과 같이 표시됩니다.

chlimage_1-18

이제 CRXDE Lite을 사용하여 애플리케이션을 개발할 수 있습니다.

사용자 인터페이스 개요 overview-of-the-user-interface

CRXDE Lite은 다음 기능을 제공합니다.

상단 전환기 막대
CRXDE Lite, 패키지 관리자 및 패키지 공유 간에 빠르게 전환할 수 있습니다.
노드 경로 위젯

선택한 노드에 대한 경로를 표시합니다.

또한 직접 패스를 입력하거나 다른 곳에서 패스를 붙여 넣은 다음 Enter 키를 눌러 노드로 이동하는 데 사용할 수도 있습니다.

또한 특정 노드 이름을 가진 노드를 찾는 지원을 제공합니다. 찾고자 하는 노드의 이름을 입력하고 기다립니다(또는 오른쪽의 검색 기호를 누르십시오). 예를 들어 문자열을 입력해 볼 수 있습니다 oak 위젯에 포함시켜 작동 방식을 확인합니다. 지정된 노드가 탐색기 창에 로드되면 목록이 표시되며 경로를 선택하고 Enter 키를 눌러 해당 노드로 이동할 수 있습니다. 브라우저의 CRXDE 클라이언트 애플리케이션에 로드된 노드에만 작동합니다. 전체 저장소를 검색하려면 도구, 질의 순으로 사용합니다.

탐색기 창

저장소에 있는 모든 노드의 트리를 표시합니다.

에서 해당 속성을 표시할 수 있도록 노드를 클릭합니다. 속성 탭. 노드를 클릭한 후 도구 모음에서 작업을 선택할 수 있습니다. 노드를 다시 클릭하여 이름을 변경합니다.

트리 탐색 필터(쌍안 아이콘): 이름에 입력 텍스트가 포함된 저장소의 노드를 필터링할 수 있습니다. 로컬로 로드된 노드에만 적용됩니다.

편집 창

홈 탭: 컨텐츠 및/또는 설명서를 검색하고 개발자 리소스(설명서, 개발자 블로그, 기술 자료) 및 지원(Adobe 홈페이지 및 지원 센터)에 액세스할 수 있습니다.

에서 파일을 두 번 클릭합니다. 탐색기 컨텐츠를 표시할 수 있는 창입니다. 예: .jsp 또는 .java 파일. 그런 다음 수정 하고 변경 사항을 저장할 수 있습니다.

에서 파일이 편집되면 편집 창에서 도구 모음에서 다음 도구를 사용할 수 있습니다.

- 트리에 표시: 저장소 트리에 파일을 표시합니다.
- 검색/바꾸기 ...: 검색 또는 바꾸기 작업을 수행합니다.

의 상태 줄을 두 번 클릭합니다. 편집 창에서 줄로 이동 특정 줄 번호를 입력하여 이동할 수 있는 대화 상자.

속성 탭
선택한 노드의 속성을 표시합니다. 새 속성을 추가하거나 기존 속성을 삭제할 수 있습니다.
액세스 제어 탭

경로, 저장소 수준 또는 사용자에 따라 권한을 표시합니다.

권한은 다음과 같이 분류됩니다

- 적용 가능한 액세스 제어 정책: 선택에 적용할 수 있는 정책입니다.

- 로컬 액세스 제어 정책: 선택 항목에 로컬로 적용된 정책입니다.

- 유효 액세스 제어 정책: 선택에 적용되는 정책은 로컬로 설정되거나 상위 노드에서 상속될 수 있습니다.

참고. 액세스 제어 정보를 전혀 보려면 CRXDE Lite에 로그인한 사용자에게 ACL 항목에 대한 읽기 권한이 있어야 합니다. 익명 사용자는 기본적으로 이 정보를 볼 수 없습니다. 예를 들어, 정보를 보려면 관리자로 로그인하십시오.

복제 탭
노드의 복제 상태를 표시합니다. 노드를 복제하고 복제하여 삭제할 수 있습니다.
콘솔 탭

서버 로그:

로그 메시지를 표시합니다. 로그 수준을 구성하고, 콘솔을 지우고, 선택한 스크롤 위치에 고정하고, 메시지 표시를 활성화 또는 비활성화할 수 있습니다.

버전 제어:

버전 제어 메시지를 표시합니다.

빌드 정보 탭
번들을 작성할 때 정보를 표시합니다.
새로 고침
선택 항목을 새로 고칩니다. 다른 사용자의 변경 사항은 저장소 보기에서 업데이트됩니다. 적용한 변경 사항은 영향을 받지 않습니다.
모두 저장

모두 저장:

변경한 모든 사항을 저장합니다. 저장 을 클릭할 때까지 변경 사항은 일시적이며 콘솔을 종료하면 손실됩니다.

되돌리기:

마지막 저장 작업 이후 선택한 노드에서 수행한 모든 변경 사항을 삭제한 다음 선택한 노드에 대한 저장소 상태를 다시 로드합니다.

모두 되돌리기:

마지막 저장 작업 이후 전체 저장소에서 수행한 모든 변경 사항을 삭제한 다음 저장소의 상태를 다시 로드합니다.

만들기 ...

드롭다운 메뉴를 사용하여 선택한 노드 아래에 다음을 생성합니다.

- 노드: 임의의 노드 유형을 갖는 노드

- 파일: nt:file 노드 및 해당 nt:resource 하위 노드

- 폴더: nt:folder 노드

- 템플릿: AEM 템플릿

- 구성 요소: AEM 구성 요소

- 대화 상자: AEM 대화 상자

삭제
선택한 노드를 삭제합니다.
복사
선택한 노드를 복사합니다.
붙여넣기
선택한 노드 아래에 복사한 노드를 붙여넣습니다.
이동 ...
선택한 노드를 대화 상자를 통해 설정된 노드로 이동합니다.
이름 바꾸기 ...
선택한 노드의 이름을 바꿉니다.
Mixins ...
노드 유형에 mixin 유형을 추가할 수 있습니다. mixin 유형은 대부분 버전 관리, 액세스 제어, 참조 및 노드 잠금과 같은 고급 기능을 추가하는 데 사용됩니다.
도구

다음 도구를 사용하는 드롭다운 메뉴:

- 서버 구성 ...: Felix 콘솔에 액세스합니다.

- 쿼리 ...: 저장소를 쿼리합니다.

- 권한 ...: 권한을 보고 추가할 수 있는 권한 관리를 엽니다.

- 액세스 제어 테스트...: 특정 경로 및/또는 주체에 대한 권한을 테스트할 수 있는 위치입니다.

- 노드 유형 내보내기: 시스템의 노드 유형을 cnd 표기법으로 내보냅니다.

- 노드 유형 가져오기...: cnd 표기법을 사용하여 노드 유형을 가져옵니다.

- SiteCatalyst 디버거 설치...: Analytics Debugger 설치 방법에 대한 지침

로그인 위젯

로그인한 사용자와 사용자가 로그인한 작업 공간(예: admin@crx.default)을 표시합니다.

특정 사용자로 로그인하거나 다시 로그인하려면 이 아이콘을 클릭합니다. 로그인할 작업 공간을 지정하지 않으면 기본 작업 공간인 crx.default에 로그인됩니다.

익명 사용자로 저장소를 탐색하려면 다음을 사용합니다 익명 를 로그인 이름과 암호(예: 공백 또는 점)로 사용할 수 있습니다.

인증이 더 이상 유효하지 않은 경우(예: 만료됨) 로그인 위젯에 "승인되지 않음 - 로그인...". 다시 로그인하려면 클릭합니다.

폴더 만들기 creating-a-folder

CRXDE Lite으로 폴더를 만들려면:

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 폴더를 만들려는 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 …, 그런 다음 폴더 만들기….

  3. 폴더 입력 이름 및 클릭 확인.

  4. 클릭 모두 저장 변경 사항을 서버에 저장합니다.

템플릿 만들기 creating-a-template

CRXDE Lite으로 템플릿을 만들려면 다음 작업을 수행하십시오.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 템플릿을 만들려는 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 …, 그런 다음 템플릿 만들기….

  3. 다음을 입력합니다. 레이블, 제목, 설명, 리소스 유형, 및 순위 템플릿의 일부입니다. 다음 ​을 클릭합니다.

  4. 이 단계는 선택 사항입니다. 허용된 경로. 클릭 다음

  5. 이 단계는 선택 사항입니다. 허용된 상위. 다음 ​을 클릭합니다.

  6. 이 단계는 선택 사항입니다. 허용된 하위. 확인 ​을 클릭합니다.

  7. 클릭 모두 저장 변경 사항을 서버에 저장합니다.

이를 통해 다음과 같은 항목이 만들어집니다.

  • 유형의 노드 cq:Template 템플릿 속성 포함

  • 유형의 하위 노드 cq:PageContent 페이지 컨텐츠 속성 포함

템플릿에 속성을 추가할 수 있습니다. 속성 만들기 섹션.

구성 요소 만들기 creating-a-component

여기에 설명된 기능은 CQ5가 설치된 경우, 즉 노드 유형인 경우에만 사용할 수 있습니다 cq:Component 저장소에서 사용할 수 있습니다.

CRXDE Lite으로 구성 요소를 만들려면 다음 작업을 수행하십시오.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 구성 요소를 만들 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 …, 그런 다음 구성 요소 만들기….

  3. 다음을 입력합니다. 레이블, 제목, 설명, 슈퍼 리소스 유형, 및 그룹 구성 요소. 다음 ​을 클릭합니다.

  4. 이 단계는 선택 사항입니다. 구성 요소 속성을 설정합니다 컨테이너임, 데코레이션 없음, 셀 이름, 및 대화 상자 경로. 다음 ​을 클릭합니다.

  5. 이 단계는 선택 사항입니다. 구성 요소 속성을 설정합니다. 허용된 상위. 다음 ​을 클릭합니다.

  6. 이 단계는 선택 사항입니다. 구성 요소 속성을 설정합니다. 허용된 하위. 확인 ​을 클릭합니다.

  7. 클릭 모두 저장 변경 사항을 서버에 저장합니다.

이를 통해 다음과 같은 항목이 만들어집니다.

  • 유형의 노드 cq:Component
  • 구성 요소 속성
  • 구성 요소 .jsp 스크립트

대화 상자 만들기 creating-a-dialog

CRXDE Lite으로 대화 상자를 만들려면:

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 대화 상자를 만들 구성 요소를 마우스 오른쪽 단추로 클릭하고 만들기 …, 그런 다음 대화 상자 만들기….

  3. 다음을 입력합니다. 레이블 및 제목. 확인 ​을 클릭합니다.

  4. 클릭 모두 저장 l을 입력하여 서버에 변경 사항을 저장합니다.

다음과 같은 구조로 대화 상자가 만들어집니다.

dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]

이제 속성을 수정하거나 노드를 만들어 대화 상자를 필요에 맞게 조정할 수 있습니다.

대화 상자 편집기를 사용하여 대화 상자를 편집할 수도 있습니다. CRXDE Lite에서 대화 상자 노드를 두 번 클릭하면 편집기가 표시됩니다. 대화 상자 편집기에 대한 자세한 내용은 여기.

노드 만들기 creating-a-node

CRXDE Lite으로 노드를 만들려면 다음 작업을 수행하십시오.

  1. 브라우저에서 CRXDE Lite을 엽니다.
  2. 탐색 창에서 노드를 만들 노드를 마우스 오른쪽 버튼으로 클릭하고 다음을 선택합니다. 만들기 …, 그런 다음 노드 만들기….
  3. 다음을 입력합니다. 이름 및 유형. 확인 ​을 클릭합니다.
  4. 클릭 모두 저장 변경 사항을 서버에 저장합니다.

이제 속성을 수정하거나 노드를 만들어 노드를 필요에 맞게 조정할 수 있습니다.

NOTE
노드 생성을 포함한 대부분의 편집 작업은 모든 변경 사항을 메모리에 보관하며 저장 시("모두 저장" 버튼 사용) 저장소에 저장만 합니다. 그러나 이동과 같은 일부 작업은 자동으로 지속됩니다.
새로 생성된 노드가 상위 노드의 노드 유형에 의해 허용되는지 여부에 대한 검증도 변경 사항을 저장할 때 먼저 JCR 저장소에 의해 수행됩니다. 노드를 저장하는 동안 오류 메시지가 표시되면 콘텐츠 구조가 유효한지 확인합니다(예: nt:unstructured 다음 중 1차 하위 구성요소로서의 노드 nt:folder node).

속성 만들기 creating-a-property

CRXDE Lite을 사용하여 속성을 만들려면 다음 작업을 수행하십시오.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 새 속성을 추가할 노드를 선택합니다.

  3. 다음에서 속성 아래 창에서 탭을 입력하고 이름, 유형 ​및 값. 클릭 추가.

  4. 클릭 모두 저장 변경 사항을 서버에 저장합니다.

스크립트 만들기 creating-a-script

스크립트를 만들려면:

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 탐색 창에서 스크립트를 만들 구성 요소를 마우스 오른쪽 단추로 클릭하고 다음을 선택합니다. 만들기 …, 그런 다음 파일 만들기….

  3. 파일 입력 이름 확장을 포함합니다. 확인 ​을 클릭합니다.

  4. 새 파일이 편집 창에 탭으로 열립니다.

  5. 파일을 편집합니다.

  6. 클릭 모두 저장 변경 내용을 저장합니다.

노드 유형 내보내기 및 가져오기 exporting-and-importing-node-types

CRXDE Lite을 사용하면에서 노드 유형 정의를 가져오거나 내보낼 수 있습니다. CND(Compact Namespace 및 Node Type Definition) 표기법.

노드 유형 정의를 내보내려면 다음을 수행합니다.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 필요한 노드를 선택합니다.

  3. 선택 도구 그러면 노드 유형 내보내기.

  4. 정의는 cnd 표기법으로 브라우저에 표시됩니다. 필요한 경우 정보를 저장합니다.

노드 유형 정의를 가져오려면 다음을 수행합니다.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 선택 도구 그러면 노드 유형 가져오기….

  3. 텍스트 상자에 정의에 대한 CND 표기법을 입력합니다.

  4. 확인 업데이트 허용 기존 정의를 업데이트하는 경우.

  5. 클릭 가져오기.

로깅 logging

CRXDE Lite을 사용하여 파일을 표시할 수 있습니다 error.log 다음 위치의 파일 시스템에 있습니다. <crx-install-dir>/crx-quickstart/server/logs 적절한 로그 수준으로 필터링합니다. 다음과 같이 진행합니다.

  1. 브라우저에서 CRXDE Lite을 엽니다.

  2. 다음에서 콘솔 창 하단의 탭에서 오른쪽의 드롭다운 메뉴에서 을(를) 선택합니다. 서버 로그.

  3. 다음을 클릭합니다. 중지 아이콘 을 클릭하여 메시지를 표시합니다.

다음과 같은 작업을 수행할 수 있습니다.

  • 를 클릭하여 Felix 콘솔에서 로그 매개 변수를 조정합니다. 구성 로깅 중 아이콘.
  • 다음을 클릭하여 메시지 지우기 브러시 아이콘.
  • 을(를) 클릭하여 선택한 위치에 메시지 고정 고정 아이콘.
  • 다음을 클릭하여 메시지 표시 활성화 또는 비활성화 중지 아이콘.

액세스 제어 access-control

NOTE
다음을 참조하십시오 사용자, 그룹 및 액세스 권한 관리 추가 정보.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2