啟用前端管道 enable-front-end-pipeline

瞭解如何啟用現有網站的前端管道,以使用網站主題,更快速地自訂您的網站。

概觀 overview

前端管道是一種機制,可根據網站主題網站範本,快速部署您網站的前端程式碼。

此管道僅處理前端計畫碼,而非部署完整棧疊,這可讓流程更快速,並允許前端開發人員輕鬆快速地自訂您的網站,而無需瞭解AEM。

根據網站範本的網站預設可以使用前端管道。 本檔案說明如何調整現有網站以利用前端管道。

TIP
如果您不熟悉前端管道以及如何使用它和網站範本來快速部署網站,請參閱快速網站建立歷程以取得簡介。

如果您尚未根據網站範本和主題建立現有網站,AEM可以設定您的網站,以載入使用前端管道部署在現有使用者端資料庫之上的主題。

技術細節 technical-details

當您啟動網站的前端管道時,AEM會對您的網站結構做出以下變更。

  • 網站的所有頁面都會包含一個額外的CSS和JS檔案,可透過專用的Cloud Manager前端管道部署更新來修改這些檔案。
  • 新增的 CSS 和 JS 檔案最初是空的,但可以下載「主題來源」資料夾來引導資料夾結構,從而允許透過該管道部署 CSS 和 JS 程式碼更新。
  • 此變更只能由開發人員復原,方法是刪除此作業在/conf/<site-name>/sling:configs下方建立的SiteConfigHtmlPageItemsConfig節點。
NOTE
此動作不會自動將網站的現有使用者端程式庫轉換為使用前端管線。 將這些來源從使用者端程式庫資料夾移至前端管道資料夾是一項需要前端開發人員手動執行的任務。

要求 requirements

AEM可以自動調整您的現有網站以使用前端管道。 若要這麼做,您的網站必須使用v2或更新版本的核心元件頁面元件。

啟用前端管道 enabling

使用網站邊欄,從Sites主控台啟用您的網站。

  1. 登入AEM並透過​ 全域導覽 > 網站 ​瀏覽您的網站。

  2. 在主控台中選取您的網站。 選取網站的根目錄,而非任何子頁面。

  3. 選取您的網站後,請開啟左側的邊欄選取器,然後選擇​ 網站

  4. 在​ 站台 ​邊欄中,按一下​ 啟用前端管道 ​按鈕。

    啟用前端管道

  5. AEM會提示您確認將進行的變更概述。 確認並調整您的網站。

現在您的網站已準備好使用前端管道。 若要深入瞭解前端管道和管理您的網站主題,請參閱:

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab