개발 도구 설정 set-up-development-tools
AEM(Adobe Experience Manager) 개발을 위해 최소한의 개발 도구 세트를 설치하고 개발자 시스템에 설정해야 합니다. 이러한 도구는 AEM 프로젝트의 개발 및 빌드를 지원합니다.
참고: ~ 는 사용자 디렉토리의 축약으로 사용됩니다. Windows에서 이는 %HOMEPATH%.
Java 설치
Experience Manager은 Java 애플리케이션이므로 개발 및 AEM as a Cloud Service SDK를 지원하려면 Java SDK가 필요합니다.
- 최신 릴리스 Java 11 SDK 다운로드 및 설치
- 다음 명령을 실행하여 Oracle Java 11 SDK가 설치되어 있는지 확인합니다.
| code language-shell |
|---|
|
| code language-shell |
|---|
|
| code language-shell |
|---|
|
Homebrew 설치
Homebrew의 사용은 선택 사항이지만 권장됩니다.
Homebrew는 macOS, Windows 및 Linux용 오픈 소스 패키지 관리자입니다. 모든 지원 도구를 별도로 설치할 수 있으며, Homebrew는 Experience Manager 개발에 필요한 다양한 개발 도구를 편리하게 설치하고 업데이트할 수 있는 방법을 제공합니다.
- 터미널 열기
- 다음 명령을 실행하여 Homebrew가 이미 설치되어 있는지 확인합니다.
brew --version. - Homebrew가 설치되지 않은 경우 Homebrew를 설치합니다.
홈브루 온 macOS 필수 Xcode 또는 명령줄 도구, 다음 명령을 통해 설치 가능:
| code language-shell |
|---|
|
- 다음 명령을 실행하여 Homebrew가 설치되었는지 확인합니다.
brew --version
Homebrew를 사용하는 경우 다음을 따르십시오. Homebrew를 사용하여 설치 아래 섹션의 지침 다음과 같은 경우 아님 homebrew를 사용하여 OS별 링크를 사용하여 도구를 설치합니다.
Git 설치
Git 은(는) 다음에서 사용하는 소스 제어 관리 시스템입니다. Adobe Cloud Manager, 따라서 개발에 필요합니다.
-
터미널/명령 프롬프트 열기
-
다음 명령을 실행합니다.
$ brew install git -
다음 명령을 사용하여 Git이 설치되었는지 확인합니다.
$ git --version
-
터미널/명령 프롬프트 열기
-
다음 명령을 사용하여 Git이 설치되었는지 확인합니다.
$ git --version
Node.js(및 npm) 설치 node-js
Node.js 는 AEM 프로젝트의 프론트엔드 에셋으로 작업하는 데 사용되는 JavaScript 런타임 환경입니다. ui.frontend 하위 프로젝트. Node.js는 npm는 JavaScript 종속성을 관리하는 데 사용되는 실질적인 Node.js 패키지 관리자입니다.
-
터미널/명령 프롬프트 열기
-
다음 명령을 실행합니다.
$ brew install node -
다음 명령을 사용하여 Node.js가 설치되었는지 확인합니다.
$ node -v -
다음 명령을 사용하여 npm이 설치되었는지 확인합니다.
$ npm -v
-
터미널/명령 프롬프트 열기
-
다음 명령을 사용하여 Node.js가 설치되었는지 확인합니다.
$ node -v -
다음 명령을 사용하여 npm이 설치되었는지 확인합니다.
$ npm -v
Maven 설치
Apache Maven은 AEM Project Maven Archetype에서 생성된 AEM 프로젝트를 빌드하는 데 사용되는 오픈 소스 Java 명령줄 툴입니다. 모든 주요 IDE(IntelliJ IDEA, Visual Studio 코드, Eclipse등) 통합된 Maven 지원
-
터미널/명령 프롬프트 열기
-
다음 명령을 실행합니다.
$ brew install maven -
다음 명령을 사용하여 Maven이 설치되었는지 확인합니다.
$ mvn -v
-
터미널/명령 프롬프트 열기
-
다음 명령을 사용하여 Maven이 설치되었는지 확인합니다.
$ mvn -v
Adobe I/O CLI 설정 aio-cli
다음 ADOBE I/O CLI, 또는 aio는 다음을 포함한 다양한 Adobe 서비스에 대한 명령줄 액세스를 제공합니다. Cloud Manager 및 Asset compute. Adobe I/O AEM CLI는 개발자에게 다음과 같은 기능을 제공하므로 as a Cloud Service에서 개발에 필수적인 역할을 합니다.
- AEM as a Cloud Service 서비스의 테일 로그
- CLI에서 Cloud Manager 파이프라인 관리
- 배포 대상 AEM 신속한 개발 환경
Adobe I/O CLI 설치
- 확인 Node.js가 설치되었습니다. Adobe I/O CLI는 npm 모듈이므로
- 실행
node --version확인하려면
- 실행
- 실행
npm install -g @adobe/aio-cli을(를) 설치하려면aionpm 모듈 전역
Adobe I/O CLI Cloud Manager 플러그인 설정 aio-cloud-manager
Adobe I/O Cloud Manager 플러그인을 사용하면 aio CLI가 다음을 통해 Adobe Cloud Manager와 상호 작용할 수 있습니다. aio cloudmanager 명령입니다.
- 실행
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 콘솔에서 생성해야 합니다.을(를) 성공적으로 인증하려면 및 자격 증명을 가져와야 합니다.
-
에 로그인 console.adobe.io
-
연결할 Cloud Manager 제품이 포함된 조직이 Adobe 조직 전환기에서 활성화되어 있는지 확인합니다.
-
새로 만들기 또는 기존 열기 Adobe I/O 프로그램
- Adobe I/O 콘솔 프로젝트는 통합 관리 방법을 기반으로 통합을 만들거나 사용 및 기존 프로젝트를 조직으로 그룹화한 것입니다.
- 새 프로젝트를 만드는 경우 메시지가 표시되면 "빈 프로젝트"를 선택합니다(또는 "템플릿에서 만들기").
- Adobe I/O 콘솔 프로그램은 Cloud Manager 프로그램과 다른 개념입니다
-
새 Cloud Manager API 통합 만들기
- 더 이상 사용되지 않는 "서비스 계정(JWT)" 인증 유형을 선택합니다(OAuth는 현재 CLI에 대해 지원되지 않음).
- 키를 만들거나 업로드합니다.
- "개발자 - Cloud Service" 제품 프로필 선택
-
서비스 계정(JWT) 자격 증명을 얻으려면 Adobe I/O CLI를 채워야 함 config.json
code language-json //config.json { "client_id": "Client ID from Service Account (JWT) credential", "client_secret": "Client Secret from Service Account (JWT) credential", "technical_account_id": "Technical Account ID from Service Account (JWT) credential", "ims_org_id": "Organization ID from Service Account (JWT) credential", "meta_scopes": [ "ent_cloudmgr_sdk" ] } -
을(를) 로드합니다
config.jsonAdobe I/O CLI에 파일 삽입$ aio config:set ims.contexts.aio-cli-plugin-cloudmanager ./path/to/config.json --file --json
-
을(를) 로드합니다
private.keyAdobe I/O CLI에 파일 삽입$ aio config:set ims.contexts.aio-cli-plugin-cloudmanager.private_key ./path/to/private.key --file
시작 명령 실행 Adobe I/O CLI를 통해 Cloud Manager용
AEM Rapid Development Environment 플러그인 설정 rde
AEM Rapid Development Environment 플러그인을 사용하면 aio CLI가 AEM as a Cloud Service과 상호 작용할 수 있습니다 신속한 개발 환경 를 통해 aio aem:rde 명령입니다.
- 실행
aio plugins:install @adobe/aio-cli-plugin-aem-rde을(를) 설치하려면 AEM Rapid Development Environments 플러그인.
Adobe I/O CLI Asset compute 플러그인 설정 aio-asset-compute
Adobe I/O Cloud Manager 플러그인을 사용하면 aio CLI에서 를 통해 Asset compute 작업자를 생성하고 실행할 수 있습니다. aio asset-compute 명령입니다.
- 실행
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 Code는 Adobe 도구를 사용하여 AEM과 컨텐츠 동기화를 통합하도록 설정할 수 있습니다. 보고.
Visual Studio Code는 주로 프론트엔드 코드(JavaScript, CSS 및 HTML)를 만드는 프론트엔드 개발자에게 이상적인 선택입니다. 반면 VS 코드는 다음을 통해 Java를 지원합니다. 확장, 더 많은 Java 관련 기능에서 제공하는 일부 고급 기능이 부족할 수 있습니다.
Eclipse
이클립스 는 Java 개발에 널리 사용되는 IDE이며 AEM 개발자 도구 Adobe에서 제공하는 플러그인으로, 작성을 위한 in-IDE GUI를 제공하고 JCR 컨텐츠를 로컬 AEM 인스턴스와 동기화합니다.