本檔案說明Javascript SPA SDK for AEM中如何進行動態模型與元件的對應。
若專案需要SPA架構的用戶端轉譯(例如React或Angular),SPA Editor是建議的解決方案。
ComponentMapping
模組作為NPM包提供給前端項目。 它儲存前端元件,並為單頁應用程式將前端元件映射到AEM資源類型提供了一種方式。 這可在剖析應用程式的JSON模型時,啟用元件的動態解析。
模型中呈現的每個項目都包含顯示AEM資源類型的:type
欄位。 裝載時,前端元件可使用從基礎庫接收的模型片段來呈現自身。
請參閱SPA Blueprint文檔,了解有關模型解析和對模型的前端元件訪問的詳細資訊。
另請參閱npm套件:https://www.npmjs.com/package/@adobe/aem-spa-component-mapping
運用Javascript SPA SDK for AEM的單頁應用程式是模型導向:
每個元件都會擴充 ModelProvider
的功能。 因此,初始化採用以下一般形式:
每個模型提供程式都自行初始化,並監聽對與其內部元件對應的模型片段所做的更改。
必須初始化 PageModelManager
,如初始化流所示。
儲存後,頁面模型管理員會傳回應用程式的完整模型。
然後,此模型會傳遞至應用程式的前端根容器元件。
模型的片段最終傳播到每個單獨的子元件。