為標準AEM專案原型啟用前端管道 enable-front-end-pipeline-standard-aem-project

瞭解如何啟用 AEM WKND網站專案 (亦稱為標準AEM專案)建立方式 AEM專案原型 使用前端管道部署CSS、JavaScript、字型和圖示等前端資源,以加快開發到部署週期。 在AEM上將前端開發與完整棧疊後端開發分開。 您也會瞭解這些前端資源是如何 從AEM存放庫提供,但從CDN提供,傳遞正規化的變更。

在Adobe Cloud Manager中建立了新的前端管道,該管道僅能建置和部署 ui.frontend 內建CDN的成品,並通知AEM其位置。 在網頁HTML產生期間的AEM上, <link><script> 標籤中,請參考成品在 href 屬性值。

不過,在WKND Sites AEM專案轉換後,前端開發人員可以與AEM上任何完整棧疊後端開發分開及並行運作,後者有自己的部署管道。

IMPORTANT
一般而言,前端管道通常與 AEM快速網站建立,有相關教學課程 AEM Sites快速入門 — 快速網站建立 以進一步瞭解。 因此,在本教學課程和相關影片中,您會看到參考資料,這是為了確保能找出細微的差異,並透過一些直接或間接的比較來說明重要概念。

相關 多步驟教學課程 逐步說明如何使用「快速網站建立」功能,為虛擬生活風格品牌WKND實作AEM網站。 檢閱 主題設定工作流程 瞭解前端Pipeline運作也很有幫助。

前端管道的概述、優點和考量事項

NOTE
這僅適用於AEMas a Cloud Service,不適用於AMS型AdobeCloud Manager部署。

先決條件

本教學課程中的部署步驟會在AdobeCloud Manager中進行,請確定您已 部署管理員 角色,請參閱雲端管理 角色定義.

請務必使用 沙箱計畫開發環境 完成本教學課程時。

後續步驟 next-steps

逐步教學課程會逐步解說 AEM WKND網站專案 轉換,以便為前端管道啟用它。

您還在等什麼? 導覽至「 」以開始本教學課程 檢閱完整棧疊專案 在標準AEM Sites專案的情境下,章節並重述前端開發生命週期。

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9