本檔案說明Javascript SPA SDK for AEM中如何進行動態模型與元件對應。
「單頁應用程式(SPA)編輯器」功能需要AEM 6.4 Service Pack 2或更新版本。
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
必須初始化為初始化流。
儲存後,頁面模型管理員會傳回應用程式的完整模型。
然後,此模型會傳遞至應用程式的前端根Container元件。
模型的段最終會傳播到每個單獨的子元件。