设置开发工具 set-up-development-tools

Adobe Experience Manager (AEM) 开发需要在开发人员计算机上,安装和设置一组必不可少的开发工具。这些工具支持AEM项目的开发和构建。

请注意 ~ 用作用户目录的简写。 在Windows中,这等同于 %HOMEPATH%.

安装Java

Experience Manager是一种Java应用程序,因此需要Java SDK支持开发和AEMas a Cloud ServiceSDK。

  1. 下载并安装最新版本的Java 11 SDK
  2. 通过运行以下命令验证是否已安装OracleJava 11 SDK:
macOS
code language-shell
$ java --version
Windows
code language-shell
$ java -version
Linux
code language-shell
$ java --version

Java

安装Homebrew

使用Homebrew是可选的,但建议使用。

Homebrew是适用于macOS、Windows和Linux的开源包管理器。 所有的支持工具都可以单独安装,Homebrew为安装和更新Experience Manager开发所需的各种开发工具提供了便捷的方式。

  1. 打开终端
  2. 通过运行以下命令检查是否已安装Homebrew: brew --version.
  3. 如果未安装Homebrew,请安装Homebrew
macOS

macOS上的自述 需要 Xcode命令行工具,可通过命令安装:

code language-shell
$ xcode-select --install
Windows
在Windows 10上安装Homebrew
Linux
在Linux上安装Homebrew
  1. 通过运行以下命令验证是否已安装Homebrew: brew --version

Homebrew

如果您使用的是Homebrew,请按照 使用Homebrew安装 以下各节中的说明。 如果您是 使用Homebrew,使用特定于操作系统的链接安装工具。

安装Git

Git 是使用的源代码控制管理系统 AdobeCloud Manager因此,是开发所必需的。

使用Homebrew安装Git
  1. 打开终端/命令提示符

  2. 执行命令: $ brew install git

  3. 使用命令验证Git是否已安装: $ git --version

下载并安装Git
  1. 下载并安装Git

  2. 打开终端/命令提示符

  3. 使用命令验证Git是否已安装: $ git --version

Git

安装Node.js(和npm) node-js

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
  1. 下载并安装Node.js

  2. 打开终端/命令提示符

  3. 使用命令验证是否已安装Node.js: $ node -v

  4. 使用命令验证是否已安装npm: $ npm -v

Node.js和npm

TIP
AEM项目原型基于的AEM项目在构建时安装隔离版本的Node.js。 最好使本地开发系统的版本与在AEM Maven项目的Reactor pom.xml中指定的Node.js和npm版本保持同步(或接近)。
查看此示例 AEM项目Reactor pom.xml 用于找到Node.js和npm内部版本的位置。

安装Maven

Apache Maven是一个开源Java命令行工具,用于构建从AEM项目Maven原型生成的AEM项目。 所有主要IDE (IntelliJ IDEAVisual Studio代码Eclipse、等) 集成了Maven支持。

使用Homebrew安装Maven
  1. 打开终端/命令提示符

  2. 执行命令: $ brew install maven

  3. 使用命令验证是否已安装Maven: $ mvn -v

下载并安装Maven
  1. 下载Maven

  2. 安装Maven

  3. 打开终端/命令提示符

  4. 使用命令验证是否已安装Maven: $ mvn -v

Maven

设置Adobe I/OCLI aio-cli

ADOBE I/OCLI,或 aio,提供对各种Adobe服务的命令行访问,包括 Cloud Managerasset compute. Adobe I/OCLI在AEMas a Cloud Service的开发中起着不可或缺的作用,因为它使开发人员能够:

  • AEM as aCloud Service服务中的尾日志
  • 从CLI管理Cloud Manager管道
  • 部署到 AEM快速开发环境

安装Adobe I/OCLI

  1. 确保 Node.js已安装 因为Adobe I/OCLI是npm模块
    • 运行 node --version 确认
  2. 执行 npm install -g @adobe/aio-cli 安装 aio npm模块(全局)

设置Adobe I/OCLI Cloud Manager插件 aio-cloud-manager

Adobe I/OAdobe Cloud Manager插件允许aio CLI通过 aio cloudmanager 命令。

  1. 执行 aio plugins:install @adobe/aio-cli-plugin-cloudmanager 安装 aio Cloud Manager插件.

设置Adobe I/OCLI身份验证

为了使Adobe I/OCLI与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 Manager API集成

    • 选择已弃用的“服务帐户(JWT)”身份验证类型(目前CLI不支持OAuth)。
    • 创建或上传密钥。
    • 选择“开发人员 — Cloud Service”产品配置文件
  5. 获取服务帐户(JWT)凭据需要填充Adobe I/OCLI的 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"
       ]
    }
    
  6. 加载 config.json 文件导入Adobe I/OCLI

    • $ aio config:set ims.contexts.aio-cli-plugin-cloudmanager ./path/to/config.json --file --json
  7. 加载 private.key 文件导入Adobe I/OCLI

    • $ aio config:set ims.contexts.aio-cli-plugin-cloudmanager.private_key ./path/to/private.key --file

开始 正在执行命令 适用于Cloud Manager,通过Adobe I/OCLI。

设置AEM快速开发环境插件 rde

AEM Rapid Development Environment插件允许aio CLI与AEMas a Cloud Service交互 快速开发环境 通过 aio aem:rde 命令。

  1. 执行 aio plugins:install @adobe/aio-cli-plugin-aem-rde 安装 AEM快速开发环境插件.

设置Adobe I/OCLIAsset compute插件 aio-asset-compute

Adobe I/OCloud Manager插件允许aio CLI通过生成和运行Asset compute工作程序 aio asset-compute 命令。

  1. 执行 aio plugins:install @adobe/aio-cli-plugin-asset-compute 安装 aioAsset compute插件.

设置开发IDE

AEM开发主要包括了Java和前端(JavaScript、CSS等)开发以及XML管理。 以下是AEM开发中最常用的IDE。

IntelliJ IDEA

IntelliJ IDEA 是一个用于Java开发的强大IDE。 IntelliJ IDEA有两种风格:免费社区版和商业(付费)Ultimate版。 免费社区版本足以用于AEM开发,但最终版本是 扩展其功能集.

Microsoft Visual Studio代码

Visual Studio代码 (VS Code)是面向前端开发人员的免费开源工具。 Visual Studio代码可以设置为在Adobe工具的帮助下与AEM集成content sync, repo.

Visual Studio代码是前端开发人员(主要创建前端代码)的理想选择;JavaScript、CSS和HTML。 而VS Code通过以下方式支持Java 扩展中,它可能缺少由更特定于Java提供的某些高级功能。

Eclipse

Eclipse IDE 是用于Java开发的常用IDE,并且支持 AEM Developer Tools Adobe插件,提供IDE中的GUI用于创作和将JCR内容与本地AEM实例同步。

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69