개발 도구 설정

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

참고 사항 ~ 는 사용자 디렉토리의 축약어로 사용됩니다. Windows에서는 다음과 같습니다 %HOMEPATH%.

Java 설치

Experience Manager은 Java 애플리케이션이므로 Java SDK가 개발 및 AEM as a Cloud Service 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를 사용하여 설치 아래 섹션에 나와 있습니다. 만약 not homebrew를 사용하여 OS별 링크를 사용하여 도구를 설치합니다.

Git 설치

Git 소스 제어 관리 시스템은 Adobe 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.js 는 AEM 프로젝트의 프런트엔드 자산에서 작업하는 데 사용되는 JavaScript 런타임 환경입니다 ui.frontend 하위 프로젝트. 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 프로젝트 원형-기반 AEM Projects는 빌드 시 격리된 버전의 Node.js를 설치합니다. AEM Maven 프로젝트의 Reactor pom.xml에 지정된 Node.js 및 npm 버전과 로컬 개발 시스템의 버전을 동기화(또는 가까운 버전)하는 것이 좋습니다.

다음 예를 참조하십시오 AEM Project Reactor pom.xml at.js 및 npm 빌드 버전을 찾을 수 있는 위치.

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, 또는 aio에서는 다음을 포함하여 다양한 Adobe 서비스에 대한 명령줄 액세스를 제공합니다 Cloud Manager 및 asset compute. Adobe I/O CLI는 개발자에게 다음과 같은 기능을 제공할 때 AEM as a Cloud Service에서 개발 과정에서 중요한 역할을 합니다.

  • AEM as a Cloud Services 서비스의 테일 로그
  • CLI에서 Cloud Manager 파이프라인 관리
  • 배포 대상 AEM 빠른 개발 환경

Adobe I/O CLI 설치

  1. 확인 Node.js가 설치됨 Adobe I/O CLI는 npm 모듈이므로
    • 실행 node --version 확인합니다.
  2. 실행 npm install -g @adobe/aio-cli 를 설치하려면 aio npm 모듈 전역

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

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

  1. 실행 aio plugins:install @adobe/aio-cli-plugin-cloudmanager 를 설치하려면 aio Cloud Manager 플러그인.

Adobe I/O CLI 인증 설정

Adobe I/O CLI가 Cloud Manager와 통신하려면 Cloud Manager 통합을 Adobe I/O 콘솔에서 만들어야 합니다를 인증하려면 및 자격 증명을 받아야 합니다.

  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용.

AEM Rapid Development Environment 플러그인 설정

AEM Rapid Development Environment 플러그인을 사용하면 aio CLI가 AEM as a Cloud Service과 상호 작용할 수 있습니다. 신속한 개발 환경 사용 aio aem:rde 명령.

  1. 실행 aio plugins:install @adobe/aio-cli-plugin-aem-rde 를 설치하려면 AEM Rapid Development Environments 플러그인.

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

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

  1. 실행 aio plugins:install @adobe/aio-cli-plugin-asset-compute 를 설치하려면 aio Asset compute 플러그인.

개발 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과 컨텐츠 동기화를 Adobe 도구의 도움으로 통합할 수 있습니다. repo.

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

Eclipse

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

이 페이지에서는