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

TIP
您是否考慮過適用於 AEM 的 Edge Delivery Services?
現有的專案可以繼續使用本文件中所述的方法。然而,針對新專案,Adobe 建議採用 Edge Delivery Services。

了解如何啟用使用 AEM 專案原型建立的 AEM WKND 網站專案 (即標準 AEM 專案),使其能透過前端管道來部署前端資源 (例如 CSS、JavaScript、字體和圖示),以利加速開發至部署的週期。將 AEM 上的前端開發與全堆疊後端開發分開。您也會了解這些前端資源並​ 不是 ​從 AEM 存放庫而是從內容傳遞網路提供使用,這是傳遞典範的改變。

在 Adobe Cloud Manager 中建立一個新的前端管道,該管道只會建置和部署 ui.frontend 成品到內建內容傳遞網路,並將其位置告知 AEM。在 AEM 產生網頁 HTML 期間,<link><script> 標記會在其 href 屬性值中參照到這個成品的位置。

然而,在 WKND Sites AEM 專案轉換之後,前端開發人員可以獨立於 AEM 上任何全堆疊後端開發而進行平行作業。而全堆疊後端開發擁有自己的部署管道。

IMPORTANT
一般來說,前端管道通常與 AEM Quick Site Creation 搭配使用,要了解更多相關資訊,可參閱相關教學課程 AEM Sites 快速入門 - Quick Site Creation。因此,在本教學課程和相關影片中,您會看到其相關參照,這是為了確保突顯出細微的差別,並透過一些直接或間接的比較來解釋關鍵概念。

有個相關的多步驟教學課程,會逐步引導如何使用 Quick Site Creation 功能為虛構的生活風格品牌 WKND 實施 AEM 網站。檢閱主題工作流程來了解前端管道的運作方式也很有幫助。

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

NOTE
這僅適用於 AEM as a Cloud Service,而不適用於 AMS 型 Adobe Cloud Manager 部署。

先決條件

本教學課程中的部署步驟在 Adobe Cloud Manager 中進行,須確認您擁有​ 部署管理員 ​角色,請參閱 Cloud Manager 的角色定義

在完成本教學課程時,請務必使用沙箱程式開發環境

後續步驟 next-steps

循序漸進的教學課程將逐步引導您完成 AEM WKND 網站專案轉換,使其能使用前端管道。

您還在等什麼?要開始教學課程請導覽至「檢閱全堆疊專案」章節,然後在標準 AEM Sites 專案的背景下,回顧前端開發生命週期。

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