使用CRXDE Lite進行開發

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

請參閱概述檔案,以取得有關不同開發環境的詳細資訊。

CRXDE Lite已內嵌在AEM中,可讓您在瀏覽器中執行標準開發工作。 使用CRXDE Lite,您可以在記錄時建立專案、建立和編輯檔案(例如。jsp和。java)、檔案夾、範本、元件、對話方塊、節點、屬性和組合。

當您無法直接存取AEM伺服器、透過擴充或修改現成可用的元件和Java套件來開發應用程式時,或當您不需要專用的除錯程式、程式碼完成和語法反白顯示時,建議使用CRXDE Lite。

注意

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

注意

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

CRXDE Lite快速入門

要開始使用CRXDE Lite,請按如下步驟進行:

  1. 安裝AEM。

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

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

  4. 按一下​「確定」

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

chlimage_1-238

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

用戶介面概述

CRXDE Lite提供下列功能:

頂端切換器列 可讓您快速切換CRXDE Lite、Package Manager和Package Share。
節點路徑Widget

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

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

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

瀏覽器窗格

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

按一下節點,在屬性頁籤中顯示其屬性。 按一下節點後,可以在工具欄中選擇操作。 再次按一下該節點以將其更名。

樹狀導航濾鏡(雙目表徵圖):使您可以過濾名稱包含輸入文本的儲存庫中的節點。 它僅適用於本地載入的節點。

編輯窗格

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

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

編輯窗格中編輯檔案後,工具列上會提供下列工具:

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

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

根據當前路徑、儲存庫級別或承擔者顯示權限。

權限被劃分為

- 適用的訪問控制策略:可套用至目前選擇的原則。

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

- 有效的訪問控制策略:當前為當前選擇應用的策略可以設定為本地或繼承自父節點。

注意. 要能夠查看訪問控制資訊,登錄到CRXDE Lite的用戶必須具有讀取ACL項的權限。 匿名使用者依預設看不到此資訊——請以管理員等身分登入,以檢視資訊。

複製頁籤

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

控制台頁籤

伺服器日誌:

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

版本控制:

顯示版本控制消息。

建置資訊頁籤
顯示正在構建包的資訊。
重新整理
刷新當前選擇。 其他用戶的更改將在儲存庫的視圖中更新。 您所做的變更不會受到影響。
儲存全部

儲存全部:

儲存您所做的所有變更。 在按一下「保存」之前,更改是臨時的,當您退出控制台時將丟失。

回復:

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

全部回復:

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

建立 ...

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

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

- 檔案:nt:檔案節點及其nt:資源子節點

- 資料夾:nt:資料夾節點

- Template:AEM範本

- 元件:AEM元件

- Dialog:AEM對話方塊

刪除
刪除選定節點。
複製 複製選定節點。
貼上
將複製的節點貼上到選定節點下。
移動 ...
將選定節點移動到通過對話框設定的節點。
重新命名 ...
更名選定節點。
Mixin ...
允許您將混合類型添加到節點類型。 混合類型主要用於新增進階功能,例如版本控制、存取控制、參照和鎖定至節點。
工具

下拉式選單,包含下列工具:

- 伺服器配置……:去Felix Console。

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

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

- 測試訪問控制……:您可以在其中測試特定路徑和/或承擔者權限的位置。

- 導出節點類型:將系統中的節點類型導出為cnd注釋。

- 導入節點類型……:來導入節點類型。

- 安裝SiteCatalyst除錯程式……:說明如何安裝Analytics除錯程式。

登入介面工具集

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

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

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

如果您的授權不再有效(例如,已過期),登入介面工具集會顯示「未授權——登入……」"。 按一下它以重新登入。

建立資料夾

要使用CRXDE Lite建立資料夾:

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

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

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

  4. 按一下​Save All​將更改保存在伺服器上。

建立模板

要使用CRXDE Lite建立模板,請:

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

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

  3. 輸入模板的​標籤標題說明資源類型​和​排名。 按一下​下一步

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

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

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

  7. 按一下​Save All​將更改保存在伺服器上。

它建立:

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

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

您可以將屬性新增至範本:請參閱「建立屬性」部分。

建立元件

只有在儲存庫中提供節點類型cq:Component時,此處介紹的功能才可用。

要使用CRXDE Lite建立元件:

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

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

  3. 輸入元件的​標籤標題說明超級資源類型​和​。 按一下​下一步

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

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

  6. 此步驟為可選步驟:設定component屬性​Allowed Children。 按一下​「確定」

  7. 按一下​Save All​將更改保存在伺服器上。

它建立:

  • 類型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. 輸入​名稱​和​類型。 按一下​「確定」

  4. 按一下​Save All​將更改保存在伺服器上。

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

注意

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

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

建立屬性

要使用CRXDE Lite建立屬性:

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

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

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

  4. 按一下​Save All​將更改保存在伺服器上。

建立指令碼

要建立新指令碼:

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

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

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

  4. 新檔案會在「編輯」窗格中以標籤的形式開啟。

  5. 編輯檔案。

  6. 按一下​保存所有​保存更改。

導出和導入節點類型

使用CRXDE Lite,您可以在CND(壓縮名稱空間和節點類型定義)注釋中導入和/或導出節點類型定義。

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

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

  2. 選擇所需的節點。

  3. 選擇​工具,然後選擇​導出節點類型

  4. 定義(以cnd表示法)將顯示在瀏覽器中。 視需要儲存資訊。

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

  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​表徵圖啟用或禁用消息顯示。

存取控制

注意

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now