Adobe Experience Manager 專案可以在有周邊和無周邊模型中實作,但這不必是二選一。AEM 提供了在一個專案中利用兩種模型優勢的靈活性。此文件概述了不同模型和 SPA 整合的層級。
AEM 提供了強大的工具來在單一平台管理內容的建立和傳遞。這是內容管理的傳統「有周邊」模型,內容作者和開發人員在同一個平台上工作,將體驗傳遞給內容取用者。
AEM 還可用於簡單地管理內容,允許由另一個平台管理內容的呈現和傳遞作業。這是內容管理的「無周邊」模型,內容作者和開發人員在不同平台上工作,將體驗傳遞給內容取用者。
但這不必是二選一。AEM 提供了前所未有的靈活性,使您能夠在專案中利用這兩種模型的優勢。
在有周邊或全堆疊模型中,內容在 AEM 存放庫和 AEM 元件中管理,以 Java、HTL 等為基礎。用於呈現內容以提供用戶體驗。在此模型中,內容的建立、樣式設定、內容的呈現和傳遞都在 AEM 中進行。
在無周邊模型中,內容在 AEM 存放庫中管理,但透過 REST 和 GraphQL 等 API 傳遞到另一個系統以呈現內容以提供用戶體驗。在此模型中,內容是在 AEM 中建立,但樣式設定、內容的呈現和傳遞都在另一個平台進行。
單頁應用程式 (SPA) 通常是 AEM 無周邊傳遞內容的目的地。但是,這些 SPA 不必完全在 AEM 外部。AEM 允許您決定您的 SPA 整合到 AEM 中的程度。讓我們舉個例子。
假設您的公司有一個網路商店 SPA。其中包含所有產品詳細資料和影像。然後,您導入 AEM 以推動您的行銷工作,例如促銷網站、部落格和活動內容。如何整合這兩者?AEM 提供一系列選項:
下一節將更詳細地探討這些整合層級。
當然,您也可以將網路商店 SPA 重新實作為功能完整的 AEM SPA,方法是使用 AEM SPA 編輯器框架。如果您已經擁有 AEM 並希望建立新的網路商店或其他 SPA,建議使用此方法,但它不在本文件討論範圍內。
SPA 整合在 AEM 中的四個層級。
層級 1 是典型無周邊實作的範例。但是,內容作者只能在 SPA 中依情境查看他們的內容。AEM 只是一種編寫工具。
AEM 的優勢和靈活性在層級 2 和層級 3 變得顯著,同時仍保留 SPA 的優勢。內容作者可以在 AEM 中建立內容,也可以在 AEM 中依情境查看內容。SPA 可在 AEM 中加以編寫,但仍做為 SPA 傳遞。
AEM 中有不同的工具可用,取決於您選擇的整合層級。每個層級都建立在之前使用的工具之上。以下清單連結到相關資源。