使用CRXDE Lite開發

本節說明如何使用CRXDE Lite開發您的AEM應用程式。

如需可用不同開發環境的詳細資訊,請參閱概述檔案。

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

注意

從AEM 6.5.5.0開始,已無法再匿名存取CRXDE Lite。
系統會將使用者重新導向至登入畫面。

注意

建議您在專案開發期間使用AEM Developer Tools for EclipseAEM HTL Brackets Extension

CRXDE Lite快速入門

若要開始使用CRXDE Lite,請繼續如下:

  1. 安裝AEM。

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

  3. 輸入您的​username​和​password。 預設為adminadmin

  4. 按一下​「確定」

CRXDE Lite使用者介面在瀏覽器中的外觀如下:

chlimage_1-18

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

用戶介面概述

CRXDE Lite提供下列功能:

頂級切換器列 可讓您快速切換CRXDE Lite、封裝管理器和封裝共用。
節點路徑構件

顯示當前所選節點的路徑。

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

它還支援查找具有特定節點名稱的節點。 輸入要查找的節點名稱,然後等待(或按一下右側的搜索符號)。 您可以嘗試輸入,例如字串oak至介面工具集,以了解其運作方式。 如果給定的節點或節點被載入到瀏覽器窗格中,則會顯示該清單,您可以選擇路徑,然後按Enter鍵導航到該路徑。 請注意,它僅適用於瀏覽器中目前載入至CRXDE用戶端應用程式的節點。 如果要搜索整個儲存庫,請使用「工具」,然後使用「查詢」。

瀏覽器窗格

顯示儲存庫中所有節點的樹。

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

樹狀導航過濾器(雙目表徵圖):可讓您篩選儲存庫中名稱包含輸入文字的節點。 它僅適用於已在本地載入的節點。

編輯窗格

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

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

Edit窗格中編輯檔案後,工具欄上將提供以下工具:

- 在樹中顯示:在儲存庫樹中顯示檔案。
- 搜尋/取代……:搜尋或取代。

按兩下「編輯」窗格的狀態行 將開啟「轉 到行」 對話框,以便輸入要轉到的特定行號。
屬性頁簽
顯示所選節點的屬性。 您可以新增屬性或刪除現有屬性。
「訪問控制」頁簽

根據當前路徑、儲存庫級別或主體顯示權限。

權限會劃分為

- 適用的訪問控制策略:可應用於當前選擇的策略。

- 本地訪問控制策略:當前策略在本地應用於當前選擇。

- 有效的訪問控制策略:當前策略應用於當前選擇,可以在本地設定,也可以從父節點繼承。

注意. 要能夠查看訪問控制資訊,登錄到CRXDE Lite的用戶必須具有讀取ACL項的權限。 匿名用戶預設看不到此資訊 — 請以(例如,管理員)身份登錄以查看該資訊。

復寫索引標籤

顯示當前節點的複製狀態。 您可以複製和複製刪除當前節點。

控制台頁簽

伺服器日誌:

顯示日誌消息。 您可以配置日誌級別、清除控制台、在所選滾動位置固定並啟用/禁用消息顯示。

版本控制:

顯示版本控制消息。

「生成資訊」頁簽
顯示正在構建包時的資訊。
重新整理
刷新當前選擇。 系統會在您檢視存放庫時更新其他使用者的變更。 您所做的更改不受影響。
儲存全部

儲存全部:

保存您所做的所有更改。 在您按一下「儲存」之前,變更為暫時狀態,當您退出主控台時將會遺失。

回復:

放棄自上次保存操作以來在選定節點上所做的所有更改,然後重新載入選定節點的儲存庫的當前狀態。

全部回復:

放棄自上次保存操作後在整個儲存庫中所做的所有更改,然後重新載入儲存庫的當前狀態。

建立 ...

下拉式功能表,在選取的節點下建立下列項目:

- Node:具有任意節點類型
的節點

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

- 資料夾:nt:folder節點

- 範本:AEM範本

- 元件:AEM元件

- Dialog:AEM對話方塊

刪除
刪除所選節點。
複製 複製所選節點。
貼上
將複製的節點貼入所選節點下。
移動 ...
將所選節點移動到通過對話框設定的節點。
重新命名 ...
更名所選節點。
Mixin ...
可讓您將混合類型新增至節點類型。 混合類型主要用於添加高級功能,如版本設定、訪問控制、引用和鎖定到節點。
工具

下拉式功能表搭配下列工具:

- 伺服器配置……:來存取Felix Console。

- 查詢……:來查詢儲存庫。

- 權限……:要開啟權限管理,可在其中查看和添加權限。

- 測試訪問控制……:可以測試特定路徑和/或主體權限的位置。

- 導出節點類型:要將系統中的節點類型導出為cnd標籤法。

- 導入節點類型……:要使用cnd標籤法導入節點類型,請執行以下操作:

- 安裝SiteCatalyst偵錯器……:Analytics偵錯工具安裝說明。

登錄介面工具集

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

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

如果要以匿名用戶身份瀏覽儲存庫,請使用anonymous作為登錄名,並使用任何密碼(如空格或點)。

如果您的授權不再有效(例如已過期),則登入Widget會顯示「Unauthorized - Login..."。 按一下它以重新登入。

建立資料夾

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

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

  2. 在導航窗格中,按一下右鍵要在其下建立新資料夾的資料夾,選擇​建立……,然後是​建立資料夾……

  3. 輸入資料夾​Name,然後按一下​OK

  4. 按一下「全部保存」以在伺服器上保存更改。

建立模板

若要建立具有CRXDE Lite的範本:

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

  2. 在導航窗格中,按一下右鍵要建立模板的資料夾,選擇​建立……,然後是​建立範本……

  3. 輸入模板的​LabelTitleDescriptionResource Type​和​Ranking。 按一下​下一步

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

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

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

  7. 按一下「全部保存」以在伺服器上保存更改。

它會建立:

  • 具有模板屬性的cq:Template類型的節點

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

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

建立元件

只有安裝了CQ5,(亦即儲存庫中有cq:Component節點類型時),此處所述的功能才可用。

要建立具有CRXDE Lite的元件:

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

  2. 在導航窗格中,按一下右鍵要建立元件的資料夾,選擇​建立……,然後是​建立元件……

  3. 輸入元件的​LabelTitleDescriptionSuper Resource Type​和​Group。 按一下​下一步

  4. 此步驟為選用:設定元件屬性​是容器, 無裝飾單元格名稱​和​對話框路徑。 按一下​下一步

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

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

  7. 按一下「全部保存」以在伺服器上保存更改。

它會建立:

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

建立對話框

要建立具有CRXDE Lite的對話框:

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

  2. 在導航窗格中,按一下右鍵要建立對話框的元件,選擇​建立……,然後是​建立對話方塊……

  3. 輸入​Label​和​Title。 按一下​「確定」

  4. 按一下「儲存Al l」以在伺服器上保存更改。

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

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

您現在可以修改屬性或建立新節點,以適應您的需求。

也可以使用對話框編輯器編輯對話框。 按兩下CRXDE Lite中的對話方塊節點會顯示編輯器。 有關對話框編輯器的更多資訊,請在此處找到。

建立節點

要建立具有CRXDE Lite的節點:

  1. 在瀏覽器中開啟CRXDE Lite。
  2. 在導航窗格中,按一下右鍵要建立新節點的節點,選擇​建立……,然後是​建立節點……
  3. 輸入​Name​和​Type。 按一下​「確定」
  4. 按一下「全部保存」以在伺服器上保存更改。

您現在可以修改屬性或建立新節點,以適應您的需求。

注意

大多數編輯操作(包括「建立節點」)都保留記憶體中的所有更改,並且僅在保存時(通過「全部保存」按鈕)將其儲存到儲存庫中。 不過,某些操作(例如移動)會自動持續存在。

在保存更改時,JCR儲存庫也首先執行有關新建立的節點是否允許父節點的節點類型的驗證。 如果在保存節點時收到錯誤消息,請檢查內容結構是否有效(例如,不能將nt:unstructured節點建立為nt:folder節點的子節點)。

建立屬性

若要建立具有CRXDE Lite的屬性:

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

  2. 在「導航」窗格中,選擇要添加新屬性的節點。

  3. 在底部窗格的​屬性​頁簽中,輸入​名稱類型​和​。 按一下​「新增」

  4. 按一下「全部保存」以在伺服器上保存更改。

建立指令碼

要建立新指令碼:

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

  2. 在導航窗格中,按一下右鍵要建立指令碼的元件,選擇​建立……,然後是​建立檔案……

  3. 輸入檔案​名稱,包括其副檔名。 按一下​「確定」

  4. 新檔案在「編輯」窗格中以頁簽形式開啟。

  5. 編輯檔案。

  6. 按一下「全部保存」以保存更改。

導出和導入節點類型

使用CRXDE Lite,您可以在CND(緊湊命名空間和節點類型定義)記號中導入和/或導出節點類型定義。

要導出節點類型定義,請執行以下操作:

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

  2. 選取您所需的節點。

  3. 依次選擇​工具​和​導出節點類型

  4. 定義(以符號表示)會顯示在您的瀏覽器中。 視需要儲存資訊。

要導入節點類型定義,請執行以下操作:

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

  2. 依次選擇​工具​和​導入節點類型……

  3. 在文本框中輸入定義的CND注釋。

  4. 如果要更新現有定義,請檢查​允許更新

  5. 按一下​Import

記錄

通過CRXDE Lite,可以顯示位於<crx-install-dir>/crx-quickstart/server/logs的檔案系統上的檔案error.log,並使用相應的日誌級別篩選它。 按如下步驟進行:

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

  2. 在窗口底部的​控制台​頁簽中,在右側的下拉菜單中,選擇​伺服器日誌

  3. 按一下​Stop​圖示以顯示訊息。

您可以:

  • 按一下​記錄設定​圖示,調整Felix主控台中的記錄參數。
  • 按一下​Brush​圖示以清除訊息。
  • 按一下​Pin​圖示,將訊息釘到目前選取的位置。
  • 按一下​Stop​圖示,以啟用或停用訊息顯示。

存取控制

注意

如需詳細資訊,請參閱使用者、群組和存取權限管理

本頁內容