使用CRXDE Lite開發 developing-with-crxde-lite
本節說明如何使用CRXDE Lite開發您的Adobe Experience Manager (AEM)應用程式。
請參閱概述檔案,深入瞭解可用的不同開發環境。
CRXDE Lite內嵌於AEM中,可讓您在瀏覽器中執行標準開發工作。 使用CRXDE Lite,您可以在記錄時建立專案、建立和編輯檔案(如.jsp和.java)、資料夾、範本、元件、對話方塊、節點、屬性和組合。
當您無法直接存取AEM伺服器時,建議使用CRXDE Lite。 或者,當您透過擴充或修改現成可用的元件和Java™套件組合來開發應用程式時,或當您不需要專用的偵錯工具時,程式碼完成和語法醒目提示。
系統會將使用者重新導向至登入畫面。
CRXDE Lite快速入門 getting-started-with-crxde-lite
若要開始使用CRXDE Lite,請依照下列步驟進行:
-
安裝AEM。
-
在您的瀏覽器中,輸入
https://<host>:<port>/crx/de
。 預設為https://localhost:4502/crx/de
。 -
輸入您的 使用者名稱 和 密碼。 預設為
admin
和admin
。 -
按一下 「確定」。
CRXDE Lite使用者介面在您的瀏覽器中看起來如下所示:
您現在可以使用CRXDE Lite來開發您的應用程式。
使用者介面概觀 overview-of-the-user-interface
CRXDE Lite提供下列功能:
建立資料夾 creating-a-folder
若要建立具有CRXDE Lite的資料夾:
-
在瀏覽器中開啟CRXDE Lite。
-
在[導覽]窗格中,用滑鼠右鍵按一下您要建立資料夾的資料夾,選取 建立……,然後選取 建立資料夾……。
-
輸入資料夾 名稱 並按一下 確定。
-
按一下[儲存全部] 儲存伺服器上的變更。
建立範本 creating-a-template
若要使用CRXDE Lite建立範本:
-
在瀏覽器中開啟CRXDE Lite。
-
在導覽窗格中,用滑鼠右鍵按一下您要建立範本的資料夾,選取 建立……,然後選取 建立範本……。
-
輸入範本的 標籤、標題、描述、資源型別 和 排名。 按一下「下一步」。
-
此步驟為選用:設定 允許的路徑。 按一下 下一步
-
此步驟是選擇性的:設定 允許的父項。 按一下「下一步」。
-
此步驟是選用的:設定 允許的子項。 按一下 「確定」。
-
按一下[儲存全部] 儲存伺服器上的變更。
它會建立:
-
具有範本屬性的型別
cq:Template
節點 -
具有頁面內容屬性的型別
cq:PageContent
的子節點
您可以將屬性新增至範本:請參閱建立屬性區段。
建立元件 creating-a-component
此處說明的功能只有在已安裝CQ5時才能使用,亦即節點型別cq:Component
可在存放庫中使用。
若要建立具有CRXDE Lite的元件:
-
在瀏覽器中開啟CRXDE Lite。
-
在[導覽]窗格中,用滑鼠右鍵按一下您要建立元件的資料夾,選取 建立……,然後選取 建立元件……。
-
輸入元件的 標籤、標題、描述、超級資源型別 和 群組。 按一下「下一步」。
-
此步驟是選擇性的:設定元件屬性 Is Container、 No Decoration、儲存格名稱 和 對話方塊路徑。 按一下「下一步」。
-
此步驟是選擇性的:設定元件屬性 允許的父項。 按一下「下一步」。
-
此步驟是選擇性的:設定元件屬性 允許的子項。 按一下 「確定」。
-
按一下[儲存全部] 儲存伺服器上的變更。
它會建立:
- 型別為
cq:Component
的節點 - 元件屬性
- 元件.jsp指令碼
建立對話方塊 creating-a-dialog
若要使用CRXDE Lite建立對話方塊:
-
在瀏覽器中開啟CRXDE Lite。
-
在導覽窗格中,用滑鼠右鍵按一下您要建立對話方塊的元件,選取 建立……,然後選取 建立對話方塊……。
-
輸入 標籤 和 標題。 按一下 「確定」。
-
按一下 儲存全部 l以儲存伺服器上的變更。
它會建立具有下列結構的對話方塊:
dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]
您現在可以修改屬性或建立節點,讓對話方塊符合您的需求。
您也可以使用對話方塊編輯器來編輯對話方塊。 在CRXDE Lite中的對話方塊節點上按兩下會開啟編輯器。 如需詳細資訊,請參閱對話方塊編輯器。
建立節點 creating-a-node
若要建立具有CRXDE Lite的節點:
- 在瀏覽器中開啟CRXDE Lite。
- 在導覽窗格中,用滑鼠右鍵按一下您要建立節點的節點,選取 建立……,然後選取 建立節點……。
- 輸入 名稱 和 型別。 按一下 「確定」。
- 按一下[儲存全部] 儲存伺服器上的變更。
您現在可以透過修改屬性或建立節點來調整節點以符合您的需求。
nt:unstructured
節點作為nt:folder
節點的子節點)。建立屬性 creating-a-property
若要使用CRXDE Lite建立屬性:
-
在瀏覽器中開啟CRXDE Lite。
-
在「導覽」窗格中,選取您要新增屬性的節點。
-
在底部窗格的 屬性 索引標籤中,輸入 名稱、型別 和 值。 按一下 新增。
-
按一下[儲存全部] 儲存伺服器上的變更。
建立指令碼 creating-a-script
若要建立指令碼:
-
在瀏覽器中開啟CRXDE Lite。
-
在導覽窗格中,用滑鼠右鍵按一下您要建立指令碼的元件,選取 建立……,然後選取 建立檔案……。
-
輸入包含副檔名的檔案 名稱。 按一下 「確定」。
-
新檔案會在「編輯」窗格中開啟為標籤。
-
編輯檔案。
-
按一下[全部儲存] 儲存變更。
匯出和匯入節點型別 exporting-and-importing-node-types
透過CRXDE Lite,您可以在CND (壓縮名稱空間和節點型別定義)表示法中匯入和/或匯出節點型別定義。
若要匯出節點型別定義,請執行下列動作:
-
在瀏覽器中開啟CRXDE Lite。
-
選取您需要的節點。
-
選取 工具 然後 匯出節點型別。
-
定義會以指令碼方式顯示在瀏覽器中。 視需要儲存資訊。
若要匯入節點型別定義,請執行下列動作:
-
在瀏覽器中開啟CRXDE Lite。
-
選取 工具 然後 匯入節點型別……。
-
在文字方塊中輸入定義的CND標籤法。
-
如果要更新現有的定義,請核取 允許更新。
-
按一下 匯入。
記錄 logging
透過CRXDE Lite,您可以顯示位於檔案系統<crx-install-dir>/crx-quickstart/server/logs
上的檔案error.log
,並使用適當的記錄層級加以篩選。 請依照下列步驟進行:
-
在瀏覽器中開啟CRXDE Lite。
-
在視窗底部的 主控台 標籤中,在右側的下拉式功能表中,選取 伺服器記錄檔。
-
按一下 停止 圖示以顯示訊息。
您可以:
- 按一下 記錄組態 圖示,調整Felix主控台中的記錄引數。
- 按一下 筆刷 圖示以清除訊息。
- 按一下 釘選 圖示,在選取專案釘選訊息。
- 按一下 停止 圖示,啟用或停用訊息顯示。