如何使用快速開發環境
瞭解 如何在AEM as a Cloud Service中使用 快速開發環境(RDE)。 從您最愛的整合式開發環境(IDE)，將程式碼和內容部署到RDE，以加快接近最終版本的程式碼開發週期。
使用AEM WKND Sites專案，您將瞭解如何從您最喜愛的IDE執行AEM-RDE的install命令，將各種AEM成品部署到RDE。
- AEM程式碼和內容套件(all， ui.apps)部署
- OSGi套件組合和設定檔案部署
- Apache和Dispatcher會將部署設定為zip檔案
- 個別檔案，例如HTL、
.content.xml（對話方塊XML）部署 - 檢閱其他RDE命令，例如
status, reset and delete
必備條件
複製WKND Sites專案，並在您最愛的IDE中開啟該專案，以將AEM成品部署至RDE。
$ git clone git@github.com:adobe/aem-guides-wknd.git
接著，執行以下maven命令，將其建置並部署至本機AEM-SDK。
$ cd aem-guides-wknd/
$ mvn clean package
使用AEM-RDE外掛程式部署AEM成品
使用aem:rde:install命令，讓我們部署各種AEM成品。
部署all和dispatcher封裝
常見的起點是先執行下列命令以部署all和dispatcher封裝。
# Install the 'all' package
$ aio aem:rde:install all/target/aem-guides-wknd.all-2.1.3-SNAPSHOT.zip
# Install the 'dispatcher' zip
$ aio aem:rde:install dispatcher/target/aem-guides-wknd.dispatcher.cloud-2.1.3-SNAPSHOT.zip
成功部署後，請在作者和發佈服務上驗證WKND網站。 您應該能夠新增和編輯WKND網站頁面上的內容並加以發佈。
增強和部署元件
讓我們增強Hello World Component並將其部署至RDE。
-
從
ui.apps/src/main/content/jcr_root/apps/wknd/components/helloworld/_cq_dialog/資料夾開啟對話方塊XML (.content.xml)檔案 -
在現有
Text對話方塊欄位之後新增Description文字欄位code language-xml ... <description jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" fieldLabel="Description" name="./description"/> ... -
從
ui.apps/src/main/content/jcr_root/apps/wknd/components/helloworld資料夾開啟helloworld.html檔案 -
在
Text屬性的現有<div>元素之後轉譯Description屬性。code language-html ... <div class="cmp-helloworld__item" data-sly-test="${properties.description}"> <p class="cmp-helloworld__item-label">Description property:</p> <pre class="cmp-helloworld__item-output" data-cmp-hook-helloworld="property">${properties.description}</pre> </div> ... -
執行Maven組建或同步個別檔案，驗證本機AEM-SDK上的變更。
-
透過
ui.apps封裝或部署個別對話方塊和HTL檔案來部署變更至RDE。code language-shell # Using 'ui.apps' package $ cd ui.apps $ mvn clean package $ aio aem:rde:install target/aem-guides-wknd.ui.apps-2.1.3-SNAPSHOT.zip # Or by deploying the individual HTL and Dialog XML # HTL file $ aio aem:rde:install ui.apps/src/main/content/jcr_root/apps/wknd/components/helloworld/helloworld.html -t content-file -p /apps/wknd/components/helloworld/helloworld.html # Dialog XML $ aio aem:rde:install ui.apps/src/main/content/jcr_root/apps/wknd/components/helloworld/_cq_dialog/.content.xml -t content-xml -p /apps/wknd/components/helloworld/_cq_dialog/.content.xml -
在WKND網站頁面上新增或編輯
Hello World Component，以驗證RDE上的變更。
檢閱install命令選項
在上述個別檔案部署命令範例中，-t和-p旗標分別用來表示JCR路徑的型別和目的地。 請執行以下命令，檢閱可用的install命令選項。
$ aio aem:rde:install --help
標幟的含義不言自明，-s標幟有助於將部署目標定位到作者或發佈服務。 部署 content-file或content-xml 檔案時，請使用-t旗標搭配-p旗標來指定AEM RDE環境中的目的地JCR路徑。
部署OSGi套件組合
若要瞭解如何部署OSGi套件，請增強HelloWorldModel Java™類別並將其部署至RDE。
-
從
core/src/main/java/com/adobe/aem/guides/wknd/core/models資料夾開啟HelloWorldModel.java檔案 -
更新
init()方法，如下所示：code language-java ... message = "Hello World!\n" + "Resource type is: " + resourceType + "\n" + "Current page is: " + currentPagePath + "\n" + "Changes deployed via RDE, lets try faster dev cycles"; ... -
透過maven命令部署
core套件組合，驗證本機AEM-SDK上的變更 -
執行下列命令，將變更部署至RDE
code language-shell $ cd core $ mvn clean package $ aio aem:rde:install target/aem-guides-wknd.core-2.1.3-SNAPSHOT.jar -
在WKND網站頁面上新增或編輯
Hello World Component，以驗證RDE上的變更。
部署OSGi設定
例如，您可以部署個別的組態檔或完整的組態套件，例如：
# Deploy individual config file
$ aio aem:rde:install ui.config/src/main/content/jcr_root/apps/wknd/osgiconfig/config/org.apache.sling.commons.log.LogManager.factory.config~wknd.cfg.json
# Or deploy the complete config package
$ cd ui.config
$ mvn clean package
$ aio aem:rde:install target/aem-guides-wknd.ui.config-2.1.3-SNAPSHOT.zip
-s旗標。部署Apache或Dispatcher設定
Apache或Dispatcher設定檔案 無法個別部署，但整個Dispatcher資料夾結構必須以ZIP檔案的形式部署。
-
在
dispatcher模組的設定檔中進行所需的變更，為了示範之用，請更新dispatcher/src/conf.d/available_vhosts/wknd.vhost以快取html個檔案，僅保留60秒。code language-none ... <LocationMatch "^/content/.*\.html$"> Header unset Cache-Control Header always set Cache-Control "max-age=60,stale-while-revalidate=60" "expr=%{REQUEST_STATUS} < 400" Header always set Surrogate-Control "stale-while-revalidate=43200,stale-if-error=43200" "expr=%{REQUEST_STATUS} < 400" Header set Age 0 </LocationMatch> ... -
在本機驗證變更，請參閱在本機執行Dispatcher以取得詳細資料。
-
執行下列命令，將變更部署至RDE：
code language-shell $ cd dispatcher $ mvn clean install $ aio aem:rde:install target/aem-guides-wknd.dispatcher.cloud-2.1.3-SNAPSHOT.zip -
驗證RDE上的變更
其他AEM RDE外掛程式命令
讓我們檢閱要管理的其他AEM RDE外掛程式命令，並從您的本機電腦與RDE互動。
$ aio aem:rde --help
Interact with RapidDev Environments.
USAGE
$ aio aem rde COMMAND
COMMANDS
aem rde delete Delete bundles and configs from the current rde.
aem rde history Get a list of the updates done to the current rde.
aem rde install Install/update bundles, configs, and content-packages.
aem rde reset Reset the RDE
aem rde restart Restart the author and publish of an RDE
aem rde status Get a list of the bundles and configs deployed to the current rde.
使用上述命令，您就可以從最喜愛的IDE管理RDE，以加快開發/部署生命週期。
下一步
瞭解如何使用RDE🔗快速提供功能的開發/部署生命週期。
其他資源
用於與AEM快速開發環境互動的Adobe I/O Runtime CLI外掛程式