設定網站結構 setup-website-structure
若要設定您的網站,以下指示說明要在下列位置建立的資料夾:
-
/apps/an-scf-sandbox
這是自訂應用程式和範本所在的位置。
-
/etc/designs/an-scf-sandbox
這是可下載設計元素的所在位置。
-
/content/an-scf-sandbox
這是可下載網頁的所在位置。
本教學課程中的程式碼取決於應用程式、設計和內容的主要資料夾名稱是否相同。 如果您為網站選擇其他名稱,請一律將an-scf-sandbox
取代為您選擇的名稱。
-
在CRXDE中看到的名稱是節點名稱,構成可定址內容的路徑。
-
節點名稱可以包含空格,但在URI中使用時,空格必須編碼為'%20'或'+'。
-
節點名稱可能包含連字型大小和底線,但若在Java™檔案中作為套件名稱參照,則必須加以編碼。 連字型大小和底線都會以底線逸出,後面跟著其Unicode值:
- 連字型大小會變成'_002d'
- 底線會變成'_005f'
設定應用程式目錄(https://experienceleague.adobe.com/apps?lang=zh-Hant) setup-the-application-directory-apps
存放庫中的/apps目錄包含程式碼,用於實作行為和呈現從/content目錄提供的頁面。
/apps目錄受到保護且無法與/content和/etc/designs目錄一樣公開存取。
-
建立
/apps/an-scf-sandbox
資料夾。在總管窗格中使用 CRXDE Lite
- 選取
/apps
資料夾。 - 用滑鼠右鍵按一下 建立…,或下拉式 建立…… 功能表。
- 選取 建立資料夾……。
- 在 建立資料夾 對話方塊中,輸入
an-scf-sandbox
。 - 按一下 「確定」。
- 選取
-
建立 元件 子資料夾。
- 選取
/apps/an-scf-sandbox
資料夾。 - 按一下 建立>建立資料夾。
- 在 建立資料夾 對話方塊中,輸入 元件。
- 按一下 「確定」。
- 選取
-
建立 範本 子資料夾。
- 選取
/apps/an-scf-sandbox
資料夾。 - 按一下 建立>建立資料夾。
- 在 建立資料夾 對話方塊中,輸入 範本。
- 按一下 「確定」。
- 重新選取
/apps/an-scf-sandbox
。 - 選取 全部儲存。
和任何編輯程式一樣,您應該經常儲存。 如果您在輸入資料時遇到問題,可能是因為您的登入已逾時,或您必須儲存先前的編輯。
- 選取
-
CRXDE Lite總管窗格中的結構現在看起來應該像這樣:
設定設計目錄(https://experienceleague.adobe.com/etc/designs?lang=zh-Hant) setup-the-design-directory-etc-designs
/etc/designs目錄包含要連同頁面內容一起下載的影像、指令碼和樣式表。
-
若要在傳統UI中使用Designer工具,請瀏覽至https://<server>:<port>/miscadmin。
注意:如果您使用CRXDE Lite來建立型別
cq:Page
的節點,存取控制和復寫將不會設定為頁面的預設設定。 -
在總管窗格中,選取 設計 資料夾,然後按一下 新增 > 新增頁面。
輸入:
- 標題: SCF沙箱
- 名稱: an-scf-sandbox
- 選取 設計頁面範本
按一下 建立。
-
如果「SCF沙箱」資料夾未出現,請重新整理瀏覽器窗格。
-
返回CRXDE Lite(http:// localhost:4502/crx/de)並展開/etc/designs以檢視名為「an-scf-sandbox」的節點。
在CRXDE右下方的窗格中,您可以檢視「屬性」標籤、「存取控制」標籤和「復寫」標籤,以檢視使用「設計頁面範本」定義的內容。
設定內容目錄(https://experienceleague.adobe.com/content?lang=zh-Hant) setup-the-content-directory-content
存放庫中的/content目錄是網站內容所在的位置。 /content底下的路徑包含瀏覽器請求的URL路徑。
在 建立頁面範本作為初始應用程式的一部分之後,可以根據範本建立初始頁面內容… ⇒