為標準AEM專案原型啟用前端管道

最後更新： 2025年6月12日
  • 適用對象：
  • Experience Manager as a Cloud Service

建立對象：

  • 中繼
  • 開發人員
  • 管理員
秘訣
您是否考慮過適用於 AEM 的 Edge Delivery Services？
現有的專案可以繼續使用本文件中所述的方法。然而，針對新專案，Adobe 建議採用 Edge Delivery Services。

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

在Adobe Cloud Manager中建立新的前端管道，只將ui.frontend成品建置和部署至內建CDN並通知AEM其位置。 在網頁產生HTML期間，在AEM上，<link>和<script>標籤在href屬性值中參照此成品位置。

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

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

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

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

注意
這僅適用於AEM as a Cloud Service ，不適用於以AMS為基礎的Adobe Cloud Manager部署。

先決條件

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

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

後續步驟

逐步教學課程會逐步解說AEM WKND Sites專案的轉換，以為前端管道啟用。

您還在等什麼？ 導覽至檢閱完整棧疊專案章節，並回顧標準AEM Sites專案內容中的前端開發生命週期，以開始本教學課程。

上一頁5 - 主題設定
下一頁1 - 檢閱完整堆疊專案

Experience Manager