使用CRXDE Lite開發 developing-with-crxde-lite

本節說明如何使用CRXDE Lite開發您的Adobe Experience Manager (AEM)應用程式。

請參閱概述檔案,深入瞭解可用的不同開發環境。

CRXDE Lite內嵌於AEM中,可讓您在瀏覽器中執行標準開發工作。 使用CRXDE Lite,您可以在記錄時建立專案、建立和編輯檔案(如.jsp和.java)、資料夾、範本、元件、對話方塊、節點、屬性和組合。
當您無法直接存取AEM伺服器時,建議使用CRXDE Lite。 或者,當您透過擴充或修改現成可用的元件和Java™套件組合來開發應用程式時,或當您不需要專用的偵錯工具時,程式碼完成和語法醒目提示。

NOTE
從AEM 6.5.5.0開始,已無法再匿名存取CRXDE Lite。
系統會將使用者重新導向至登入畫面。
NOTE
Adobe建議您使用 Eclipse適用的AEM開發人員工具AEM HTL Brackets擴充功能 在專案開發期間。

CRXDE Lite快速入門 getting-started-with-crxde-lite

若要開始使用CRXDE Lite,請依照下列步驟進行:

  1. 安裝AEM。

  2. 在您的瀏覽器中,輸入 https://<host>:<port>/crx/de. 預設為 https://localhost:4502/crx/de.

  3. 輸入您的 使用者名稱密碼. 預設為 adminadmin.

  4. 按一下​ 「確定」

CRXDE Lite使用者介面在您的瀏覽器中看起來如下所示:

chlimage_1-18

您現在可以使用CRXDE Lite來開發您的應用程式。

使用者介面概觀 overview-of-the-user-interface

CRXDE Lite提供下列功能:

頂端切換器列
快速在CRXDE Lite、封裝管理器和封裝共用之間切換。
節點路徑Widget

顯示所選節點的路徑。

您也可以使用它來跳至節點,方法是手動輸入路徑,或從其他位置貼上路徑,然後按下Enter。

此外,它也能支援尋找具有特定節點名稱的節點。 輸入要尋找的節點名稱,然後等待(或按一下右側的搜尋符號)。 例如,您可以嘗試輸入字串 oak 到Widget中檢視其運作方式。 如果將指定的節點載入總管窗格,則會顯示清單,您可以選取路徑並點選Enter以導覽至該路徑。 它僅適用於瀏覽器中載入到CRXDE使用者端應用程式的節點。 如果要搜尋整個存放庫,請使用工具,然後使用查詢。

瀏覽器窗格

顯示儲存區域中所有節點的樹狀結構。

按一下節點,便可在以下位置顯示其屬性: 屬性 標籤。 按一下節點後,您可以在工具列中選取動作。 再按一下節點以重新命名。

樹狀結構導覽篩選(雙目圖示):可讓您篩選儲存區域中,其名稱包含輸入文字的節點。 它僅適用於已在本機載入的節點。

編輯窗格

首頁 標籤:可讓您搜尋內容及/或檔案,並存取開發人員資源(檔案、開發人員部落格、知識庫)和支援(Adobe首頁和支援中心)。

連按兩下 瀏覽器 窗格,讓您可以顯示其內容。 例如,.jsp或.java檔案。 然後,您可以修改它並儲存變更。

在中編輯檔案後 編輯 窗格,下列工具在工具列上可供使用:

- 在樹狀結構中顯示: 會在存放庫樹狀結構中顯示檔案。
- 搜尋/取代……:搜尋或取代。

連按兩下 編輯 窗格開啟 移至行 對話方塊,讓您能夠輸入要前往的特定行號。

屬性標籤
顯示您已選取之節點的特性。 您可以新增屬性或刪除現有屬性。
存取控制標籤

根據路徑、存放庫層級或主體顯示許可權。

這些許可權會劃分為

- 適用的存取控制原則:可套用至選取範圍的原則。

- 本機存取控制原則:本機套用至選取範圍的原則。

- 有效的存取控制原則:套用於選取範圍的原則、可以在本機設定或從父節點繼承。

注意。 若要能夠檢視存取控制資訊,登入CRXDE Lite的使用者必須擁有ACL專案的讀取許可權。 匿名使用者預設無法看到此資訊 — 例如,以管理員身分登入以檢視資訊。

「復寫」標籤
顯示節點的復寫狀態。 您可以復寫及復寫刪除節點。
主控台索引標籤

伺服器記錄檔

顯示日誌訊息。 您可以設定記錄層級、清除主控台、釘選在選取的捲動位置,以及啟用或停用訊息顯示。

版本控制

顯示版本控制訊息。

「組建資訊」索引標籤
在建置套件組合時顯示資訊。
重新整理
重新整理選取專案。 來自其他使用者的變更會在您檢視的存放庫中更新。 您所做的變更不受影響。
儲存全部

全部儲存

儲存您所做的所有變更。 在您按一下「儲存」之前,變更是暫時性的,當您退出主控台時便會遺失。

回覆

捨棄您自上次儲存動作後對所選節點所做的所有變更,然後重新載入所選節點的存放庫狀態。

全部回覆

捨棄您自上次儲存動作以來,在整個存放庫中所做的所有變更,然後重新載入存放庫的狀態。

建立……

下拉式功能表可在選取的節點下建立下列專案:

- 節點:具有任意節點型別的節點

- 檔案: nt:file節點及其nt:resource子節點

- 資料夾: nt:folder節點

- 範本: AEM範本

- 元件: AEM元件

- 對話方塊: AEM對話方塊

刪除
刪除選取的節點。
複製
複製選取的節點。
貼上
將複製的節點貼在所選節點下。
移動……
將選取的節點移至透過對話方塊設定的節點。
重新命名……
重新命名選取的節點。
Mixin ...
可讓您將mixin型別新增至節點型別。 mixin型別主要用於新增進階功能,例如版本設定、存取控制、參照和鎖定節點。
工具

包含下列工具的下拉式功能表:

- 伺服器設定……:存取Felix主控台。

- 查詢……:查詢存放庫。

- 許可權……:開啟許可權管理,您可以在其中檢視及新增許可權。

- 測試存取控制……:您可以在此處測試特定路徑和/或主體的許可權。

- 匯出節點型別:將系統中的節點型別匯出為cnd標籤法。

- 匯入節點型別……:使用cnd標籤法匯入節點型別。

- 安裝SiteCatalyst偵錯工具……:安裝Analytics Debugger的相關說明。

登入Widget

顯示登入的使用者及其登入的工作區,例如admin@crx.default。

按一下以登入或以特定使用者身分重新登入。 如果您未指定要登入的工作區,則會登入預設工作區crx.default。

如果您想以匿名使用者的身分瀏覽存放庫,請使用 匿名 作為登入名稱,以及任何密碼(例如空格或點)。

如果您的授權不再有效(例如,授權已過期),登入Widget會顯示「未獲授權 — 登入……「。 按一下以重新登入。

建立資料夾 creating-a-folder

若要建立具有CRXDE Lite的資料夾:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在「導覽」窗格中,以滑鼠右鍵按一下要在其下建立資料夾的資料夾,然後選取 建立……,然後 建立資料夾…….

  3. 輸入資料夾 名稱 並按一下 確定.

  4. 按一下 全部儲存 將變更儲存在伺服器上。

建立範本 creating-a-template

若要使用CRXDE Lite建立範本:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在導覽窗格中,以滑鼠右鍵按一下您要建立範本的資料夾,然後選取 建立……,然後 建立範本…….

  3. 輸入 標籤標題說明資源型別、和 排名 範本的。 按一下「下一步」。

  4. 此步驟為選用:設定 允許的路徑. 按一下 下一個

  5. 此步驟為選用:設定 允許的父項. 按一下「下一步」。

  6. 此步驟為選用:設定 允許的子項. 按一下​ 「確定」

  7. 按一下 全部儲存 將變更儲存在伺服器上。

它會建立:

  • 型別節點 cq:Template 具有範本屬性

  • 型別的子節點 cq:PageContent 具有頁面內容屬性

您可以將屬性新增至範本:請參閱 建立屬性 區段。

建立元件 creating-a-component

此處說明的功能僅在安裝了CQ5時可用,即節點型別時 cq:Component 可於存放庫中取得。

若要建立具有CRXDE Lite的元件:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在「導覽」窗格中,以滑鼠右鍵按一下要建立元件的資料夾,然後選取 建立……,然後 建立元件…….

  3. 輸入 標籤標題說明超級資源型別、和 群組 元件的。 按一下「下一步」。

  4. 此步驟為選用:設定元件屬性 為容器, 無裝飾儲存格名稱、和 對話方塊路徑. 按一下「下一步」。

  5. 此步驟為選用:設定元件屬性 允許的父項. 按一下「下一步」。

  6. 此步驟為選用:設定元件屬性 允許的子項. 按一下​ 「確定」

  7. 按一下 全部儲存 將變更儲存在伺服器上。

它會建立:

  • 型別節點 cq:Component
  • 元件屬性
  • 元件.jsp指令碼

建立對話方塊 creating-a-dialog

若要使用CRXDE Lite建立對話方塊:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在導覽窗格中,以滑鼠右鍵按一下要建立對話方塊的元件,然後選取 建立……,然後 建立對話方塊…….

  3. 輸入 標籤標題. 按一下​ 「確定」

  4. 按一下 全部儲存 l儲存伺服器上的變更。

它會建立具有下列結構的對話方塊:

dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]

您現在可以修改屬性或建立節點,讓對話方塊符合您的需求。

您也可以使用對話方塊編輯器來編輯對話方塊。 在CRXDE Lite中的對話方塊節點上按兩下會開啟編輯器。 可以找到有關對話方塊編輯器的更多資訊 此處.

建立節點 creating-a-node

若要建立具有CRXDE Lite的節點:

  1. 在瀏覽器中開啟CRXDE Lite。
  2. 在導覽窗格中,以滑鼠右鍵按一下要建立節點的節點,然後選取 建立……,然後 建立節點…….
  3. 輸入 名稱型別. 按一下​ 「確定」
  4. 按一下 全部儲存 將變更儲存在伺服器上。

您現在可以透過修改屬性或建立節點來調整節點以符合您的需求。

NOTE
大部分的編輯操作(包括「建立節點」)會保留記憶體中的所有變更,並只會在儲存時將它們儲存在存放庫中(透過「儲存全部」按鈕)。 不過,某些作業(例如移動)會自動持續存在。
有關父節點的節點型別是否允許新建立的節點的驗證,也會在儲存變更時先由JCR存放庫執行。 如果您在儲存節點時收到錯誤訊息,請檢查內容結構是否有效(例如,您無法建立 nt:unstructured 作為子項的節點 nt:folder 節點)。

建立屬性 creating-a-property

若要使用CRXDE Lite建立屬性:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在「導覽」窗格中,選取您要新增屬性的節點。

  3. 屬性 標籤下,輸入 名稱,則 型別,以及 . 按一下 新增.

  4. 按一下 全部儲存 將變更儲存在伺服器上。

建立指令碼 creating-a-script

若要建立指令碼:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 在導覽窗格中,以滑鼠右鍵按一下要建立指令碼的元件,然後選取 建立……,然後 建立檔案…….

  3. 輸入檔案 名稱 包括其擴充功能。 按一下​ 「確定」

  4. 新檔案會在「編輯」窗格中開啟為標籤。

  5. 編輯檔案。

  6. 按一下 全部儲存 以儲存變更。

匯出和匯入節點型別 exporting-and-importing-node-types

使用CRXDE Lite,您可以匯入和/或匯出節點型別定義 CND (壓縮名稱空間和節點型別定義)標籤法.

若要匯出節點型別定義,請執行下列動作:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 選取您需要的節點。

  3. 選取 工具匯出節點型別.

  4. 定義會以指令碼方式顯示在瀏覽器中。 視需要儲存資訊。

若要匯入節點型別定義,請執行下列動作:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 選取 工具匯入節點型別…….

  3. 在文字方塊中輸入定義的CND標籤法。

  4. 檢查 允許更新 如果您更新現有的定義。

  5. 按一下 匯入.

記錄 logging

透過CRXDE Lite,您可以顯示檔案 error.log 位於的檔案系統上 <crx-install-dir>/crx-quickstart/server/logs 並使用適當的記錄層級加以篩選。 請依照下列步驟進行:

  1. 在瀏覽器中開啟CRXDE Lite。

  2. 主控台 標籤在視窗底部,在右側的下拉式選單中,選取 伺服器記錄檔.

  3. 按一下 停止 圖示來顯示訊息。

您可以:

  • 在Felix主控台中調整記錄引數,方法是按一下 記錄設定 圖示。
  • 按一下 筆刷 圖示。
  • 按一下「 」,將訊息釘選在選取範圍 釘選 圖示。
  • 透過按一下 停止 圖示。

存取控制 access-control

NOTE
另請參閱 使用者、群組和存取權管理 以取得詳細資訊。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2