文件AEMAEM 教學課程AEM Sites WKND 教學課程

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

最後更新: 2025年6月12日
  • 適用對象:
  • Experience Manager as a Cloud Service
  • 主題:
  • AEM 專案原型
  • Cloud Manager
  • CI-CD 管綫

建立對象:

  • 中繼
  • 開發人員
  • 管理員
秘訣
您是否考慮過適用於 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網站。 檢閱主題工作流程以瞭解前端管道運作也很有幫助。

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

https://video.tv.adobe.com/v/3409343?quality=12&learn=on
NOTE
這僅適用於AEM as a Cloud Service ,不適用於以AMS為基礎的Adobe Cloud Manager部署。

先決條件

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

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

後續步驟

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

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

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