啟用前端管道 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

IMPORTANT
如果您使用 (或打算使用) 前端管道來開發網站,必須先行新增 Cloud Manager IP 允許清單。
請參閱「 Cloud Manager IP 允許清單與前端管道搭配使用」。

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

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

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

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

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

    啟用前端管道

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

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

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