개발 도구 설정

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

Homebrew 설치

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

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

1. 터미널 열기
2. 명령을 실행하여 Homebrew가 이미 설치되어 있는지 확인합니다. brew --version
3. Homebrew가 설치되어 있지 않으면 Homebrew를 설치합니다
   • macOS에 Homebrew 설치
     • macOS의 Homebrew에는 Xcode 또는 명령줄 도구가 필요하며, 다음 명령을 통해 설치할 수 있습니다.
       • xcode-select --install
   • Linux에 Homebrew 설치
   • Windows 10에 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

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

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

Adobe I/O CLI 설정

Adobe I/O CLI 또는 aio는 Cloud Manager 및 Asset 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 은 기능 세트를 확장합니다.

• IntelliJ IDEA 다운로드
• Repo Tool 다운로드

Microsoft Visual Studio 코드

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

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

• Visual Studio 코드 다운로드
• Repo Tool 다운로드
• Aemed VS 코드 확장 다운로드
• AEM Sync VS 코드 확장 다운로드

Eclipse

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

• Eclipse 다운로드
• Eclipse 개발 도구 다운로드