使用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建議您在專案開發期間使用AEM Developer Tools for EclipseAEM 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。

此外,它也能支援尋找具有特定節點名稱的節點。 輸入要尋找的節點名稱,然後等待(或按一下右側的搜尋符號)。 例如,您可以嘗試在Widget中輸入字串 oak,檢視其運作方式。 如果將指定的節點載入總管窗格,則會顯示清單,您可以選取路徑並點選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偵錯工具的說明。

登入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. 此步驟是選擇性的:設定元件屬性​ Is Container、 No Decoration儲存格名稱 ​和​ 對話方塊路徑。 按一下「下一步」。

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

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

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

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

您可以:

  • 按一下​ 記錄組態 ​圖示,調整Felix主控台中的記錄引數。
  • 按一下​ 筆刷 ​圖示以清除訊息。
  • 按一下​ 釘選 ​圖示,在選取專案釘選訊息。
  • 按一下​ 停止 ​圖示,啟用或停用訊息顯示。

存取控制 access-control

NOTE
如需詳細資訊,請參閱使用者、群組和存取許可權管理
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2