本文档介绍了在JavaScript SPA SDK for Adobe Experience Manager (AEM)中如何进行动态模型到组件的映射。
对于需要基于SPA框架的客户端渲染(例如React或Angular)的项目,建议使用SPA编辑器。
此 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
必须初始化,表示为 初始化流程.
存储后,页面模型管理器会返回应用程序的完整模型。
然后,将此模型传递到前端根 容器 应用程序的组件。
最终会将模型的片段传播到每个单独的子元件。