개발 도구 설정

AEM(Adobe Experience Manager) 개발을 위해서는 최소한의 개발 도구 세트를 설치하고 개발자 시스템에 설정해야 합니다. 이러한 도구는 AEM 프로젝트의 개발 및 빌드를 지원합니다.

~은 사용자 디렉토리의 축약으로서 사용됩니다. Windows에서는 %HOMEPATH%에 해당합니다.

Java 설치

Experience Manager은 Java 애플리케이션이므로 개발 및 AEM as a Cloud Service SDK를 지원하도록 Java SDK가 필요합니다.

  1. 최신 릴리스 Java 11 SDK를 다운로드하여 설치합니다
  2. 명령을 실행하여 Java 11 SDK가 설치되어 있는지 확인합니다.
    • Windows: java -version
    • macOS / Linux: java --version

Java

Homebrew 설치

Homebrew는 선택 사항이지만 권장됩니다.

Homebrew는 macOS, Windows 및 Linux용 오픈 소스 패키지 관리자입니다. 모든 지원 도구는 별도로 설치할 수 있으며, Homebrew는 Experience Manager 개발에 필요한 다양한 개발 도구를 편리하게 설치 및 업데이트할 수 있는 방법을 제공합니다.

  1. 터미널 열기
  2. 명령을 실행하여 Homebrew가 이미 설치되어 있는지 확인합니다. brew --version
  3. Homebrew가 설치되어 있지 않으면 Homebrew를 설치합니다
  4. 다음 명령을 실행하여 Homebrew가 설치되어 있는지 확인합니다. brew --version

홈브루

Homebrew를 사용하는 경우 아래 섹션의 Install using Homebrew 지침을 따르십시오. Homebrew를 사용하지 않는 은(는) OS별 링크를 사용하여 도구를 설치합니다.

Git 설치

🔗 Cloud Manager에서 사용하는 소스 제어 관리 시스템을 제공하므로 개발에 필요합니다.

  • Homebrew를 사용하여 Git 설치
    1. 터미널/명령 프롬프트 열기
    2. 다음 명령을 실행합니다. brew install git
    3. 다음 명령을 사용하여 Git가 설치되어 있는지 확인합니다. git --version
  • 또는 Git(macOS, Linux 또는 Windows)을 다운로드하여 설치합니다
    1. Git 다운로드 및 설치
    2. 터미널/명령 프롬프트 열기
    3. 다음 명령을 사용하여 Git가 설치되어 있는지 확인합니다. git --version

Git

Node.js 설치(및 npm)

Node. jsis a JavaScript runtime environment는 AEM 프로젝트 ui. frontendsub-project의 프런트 엔드 자산과 작업하는 데 사용됩니다. Node.js는 npm과 함께 배포되며, JavaScript 종속성을 관리하는 데 사용되는 사실상의 Node.js 패키지 관리자입니다.

  • Homebrew를 사용하여 Node.js 설치
    1. 터미널/명령 프롬프트 열기
    2. 다음 명령을 실행합니다. brew install node
    3. 다음 명령을 사용하여 Node.js가 설치되어 있는지 확인합니다. node -v
    4. npm이 설치되어 있는지 확인합니다. npm -v
  • 또는 Node.js(macOS, Linux 또는 Windows)를 다운로드하여 설치합니다
    1. Node.js 다운로드 및 설치
    2. 터미널/명령 프롬프트 열기
    3. 다음 명령을 사용하여 Node.js가 설치되어 있는지 확인합니다. node -v
    4. npm이 설치되어 있는지 확인합니다. npm -v

Node.js 및 npm

AEM Project Archetype 기반 AEM Projects는 빌드 시 Node.js의 격리된 버전을 설치합니다. AEM Maven 프로젝트의 Reactor pom.xml에 지정된 Node.js 및 npm 버전과 로컬 개발 시스템의 버전을 동기화(또는 가까운 버전)하는 것이 좋습니다.

Node.js 및 npm 빌드 버전을 찾을 위치에 대해서는 이 예제 AEM Project Reactor pom.xml을 참조하십시오.

Maven 설치

Apache Maven은 AEM Project Maven Archetype에서 생성된 AEM 프로젝트를 작성하는 데 사용되는 오픈 소스 Java 명령줄 툴입니다. 모든 주요 IDE의 (IntelliJ IDEA, Visual Studio 코드, Eclipse 등) 통합 Maven 지원 제공

  • Homebrew를 사용하여 Maven 설치
    1. 터미널/명령 프롬프트 열기
    2. 다음 명령을 실행합니다. brew install maven
    3. 다음 명령을 사용하여 Maven이 설치되어 있는지 확인합니다. mvn -v
  • 또는 Maven(macOS, Linux 또는 Windows)을 다운로드하여 설치합니다.
    1. Maven 다운로드
    2. Maven 설치
    3. 터미널/명령 프롬프트 열기
    4. 다음 명령을 사용하여 Maven이 설치되어 있는지 확인합니다. mvn -v

Maven

Adobe I/O CLI 설정

Adobe I/O CLI 또는 aioCloud ManagerAsset compute을 포함하여 다양한 Adobe 서비스에 대한 명령줄 액세스를 제공합니다. Adobe I/O CLI는 개발자에게 다음과 같은 기능을 제공하는 Cloud Service 로서 AEM에서 개발 과정에서 필수적인 역할을 합니다.

  • AEM as a Cloud Services 서비스의 테일 로그
  • CLI에서 Cloud Manager 파이프라인 관리

Adobe I/O CLI 설치

  1. Adobe I/O CLI가 npm 모듈이므로 Node.js가 설치되어 있는지 확인합니다.
    • node --version을 실행하여 확인합니다
  2. npm install -g @adobe/aio-cli을 실행하여 aio npm 모듈을 전체적으로 설치합니다

Adobe I/O CLI Cloud Manager 플러그인 설정

Adobe I/O Cloud Manager 플러그인을 사용하면 aio CLI가 aio cloudmanager 명령을 통해 Adobe Cloud Manager와 상호 작용할 수 있습니다.

  1. aio plugins:install @adobe/aio-cli-plugin-cloudmanager을 실행하여 Cloud Manager 플러그인을 설치합니다.

Adobe I/O CLI Asset compute 플러그인 설정

Adobe I/O Cloud Manager 플러그인을 사용하면 Aio CLI에서 aio asset-compute 명령을 통해 Asset compute 작업자를 생성하고 실행할 수 있습니다.

  1. aio plugins:install @adobe/aio-cli-plugin-asset-compute을 실행하여 Asset compute 플러그인을 설치합니다.

Adobe I/O CLI 인증 설정

Adobe I/O CLI가 Cloud Manager와 통신하려면 Adobe I/O 콘솔🔗에서 Cloud Manager 통합을 만들어야 하며, 자격 증명을 획득하여 인증해야 합니다.

  1. console.adobe.io에 로그인합니다.
  2. 연결할 Cloud Manager 제품이 포함된 조직이 Adobe 조직 전환기에서 활성화되어 있는지 확인합니다
  3. 새 프로그램 만들기 또는 기존 Adobe I/O 프로그램 열기
    • Adobe I/O 콘솔 프로그램은 통합을 관리할 방법에 따라 통합, 만들기 또는 사용 및 기존 프로그램을 구성하는 간단한 조직입니다
    • 새 프로젝트를 만드는 경우 메시지가 표시되면(와) "빈 프로젝트"를 선택합니다. "템플릿에서 만들기")
    • Adobe I/O 콘솔 프로그램은 Cloud Manager 프로그램의 다양한 개념입니다
  4. 개발자 - Cloud Service 프로필과 새로운 Cloud Manager API 통합 만들기
  5. JWT(서비스 계정) 자격 증명을 얻으려면 Adobe I/O CLI의 config.json 을 채워야 합니다.
  6. config.json 파일을 Adobe I/O CLI에 로드합니다.
    • $ aio config:set ims.contexts.aio-cli-plugin-cloudmanager PATH_TO_CONFIG_JSON_FILE --file --json
  7. private.key 파일을 Adobe I/O CLI에 로드합니다.
    • $ aio config:set ims.contexts.aio-cli-plugin-cloudmanager.private_key PATH_TO_PRIVATE_KEY_FILE --file

Adobe I/O CLI를 통해 Cloud Manager에 대한 명령🔗 실행을 시작합니다.

개발 IDE 설정

AEM 개발은 주로 Java 및 프런트 엔드(JavaScript, CSS 등) 개발 및 XML 관리로 구성됩니다. 다음은 AEM 개발에 가장 인기 있는 IDE입니다.

IntelliJ IDEA

IntelliJ IDEA는 Java 개발을 위한 강력한 IDE입니다. IntelliJ IDEA는 무료 커뮤니티 에디션과 상업용(유료) Ultimate 버전 두 가지 버전으로 제공됩니다. 무료 커뮤니티 버전은 AEM 개발에 충분하지만, Ultimate 은 기능 세트를 확장합니다.

Microsoft Visual Studio 코드

Visual Studio 코드 (VS 코드)는 프런트 엔드 개발자를 위한 무료 오픈 소스 도구입니다. Visual Studio 코드를 설정하여 AEM 도구 repo​의 도움말과 컨텐츠 동기화를 통합할 수 있습니다.

Visual Studio 코드는 주로 프런트 엔드 코드를 만드는 프런트 엔드 개발자에게 이상적입니다. JavaScript, CSS 및 HTML. VS 코드에는 확장을 통해 Java가 지원되지만, 좀 더 Java에 따라 제공된 고급 기능의 일부가 부족할 수 있습니다.

Eclipse

Eclipse IDE는 Java 개발을 위한 인기 있는 IDE이며, Adobe에서 제공하는 AEM 개발자 도구 플러그인을 지원하며, 작성을 위한 IDE 내 GUI를 제공하고 JCR 컨텐츠를 로컬 AEM 인스턴스와 동기화할 수 있습니다.

이 페이지에서는