AEM 專案原型 aem-project-archetype

Last update: Mon Oct 06 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

開發人員
管理員

AEM 專案原型是一種 Maven 範本，其以最佳實務為基礎建立簡化的 Adobe Experience Manager (AEM) 專案，作為您網站的起點。本文件概述原型的優點和一般用法。您可以在原型 GitHub 存放庫中找到詳細的技術指示和文件。

TIP

在 GitHub 上可找到最新的 AEM 專案原型及相關技術文件。

TIP

您是否考慮過適用於 AEM 的 Edge Delivery Services？

現有的專案可以繼續使用本文件中所述的方法。然而，針對新專案，Adobe 建議採用 Edge Delivery Services。

為何使用原型 why-use-the-archetype

使用 AEM 專案原型，您只需操作一些按鍵即可建立以最佳實務為基礎的 AEM 專案。使用原型時，所有片段都已準備就緒，即便產生的專案規模精簡，它也實作了 AEM 的所有主要功能，您只需在其上建置並延伸。

當然，成功的 AEM 專案需仰賴許多元素，但使用 AEM 專案原型是堅實的基礎，強烈建議採用於任何 AEM 專案。

功能 features

最佳實務： 使用 Adobe 的所有最新推薦實務來啟動您的網站。
低程式碼： 編輯您的範本、建立內容、部署您的 CSS，您的網站就可以上線了。
雲端就緒： 如有需要，請使用 AEM as a Cloud Service 在幾天內即可上線，並簡化擴充性和維護作業。
Dispatcher： 僅有具備可確保速度和安全性的Dispatcher 設定，專案才算完整。
多網站： 如果需要，原型會產生多語言和多區域設定的內容結構。
核心元件： 使用我們通用的標準化元件集，作者幾乎能建立任何版面。
可編輯的範本： 組合出幾乎任何無需程式碼的範本，並定義作者可編輯的內容。
回應式版面： 在範本或個別頁面上，為定義的中斷點定義元素如何重排。
頁首與頁尾： 使用元件的本地化功能，無需程式碼即可完成組裝和本地化。
樣式系統： 允許作者為元件套用不同的樣式，可避免建置自訂元件。
前端建置： 前端開發人員可以使用 Webpack、TypeScript 和 SASS 模擬 AEM 頁面和建置用戶端程式庫。
WebApp 就緒： 針對使用 React 或 Angular 的網站，請使用 SPA SDK 保留應用程式的情境式製作。
已啟用 Commerce： 適用於希望使用 Commerce 核心元件將 AEM Commerce 與商業解決方案 (例如 Magento) 整合的專案。
範例程式碼： 請檢視 HelloWorld 元件，以及範例模型、servlet、篩選器和排程器。
開放原始碼： 如果發現錯誤，請協助我們改進！

AEM 專案原型 aem-project-archetype

為何使用原型 why-use-the-archetype

功能 features

延伸閱讀 further-reading