本檔案說明在JavaScript SPA SDK for Adobe Experience Manager (AEM)中如何進行動態模型與元件對應。
SPA編輯器是建議解決方案,供需要SPA架構使用者端轉譯(例如React或Angular)的專案使用。
此 ComponentMapping
模組以NPM封裝形式提供給前端專案。 它會儲存前端元件,並提供讓單頁應用程式將前端元件對應到AEM資源型別的方法。 如此一來,在剖析應用程式的JSON模型時,便可啟用元件的動態解析度。
模型中呈現的每個專案都包含 :type
公開AEM資源型別的欄位。 掛載後,前端元件可使用從基礎程式庫收到的模型片段來呈現自身。
另請參閱 SPA Blueprint 有關模型剖析和模型的前端元件存取的詳細資訊。
另請參閱npm套件: https://www.npmjs.com/package/@adobe/aem-spa-component-mapping
使用JavaScript SPA SDK for AEM的單頁應用程式是模型導向的:
每個元件都可藉由以下功能擴展: ModelProvider
. 因此,初始化會採用下列一般形式:
每個模型提供者會自我初始化,並監聽對應到其內部元件的模型片段所做的變更。
此 PageModelManager
必須初始化,如以下所示 初始化流程.
儲存後,頁面模型管理員會傳回應用程式的完整模型。
然後,此模型會傳遞至前端根目錄 容器 應用程式的元件。
模型片段最後會傳播到每個個別的子元件。