Show Menu
主题×

创建和添加模板和组件

Adobe建议对需要基于单页应用程序框架的客户端渲染(例如,React)的项目使用SPA编辑器。 了解更多 .
AEM Mobile On-Demand提供了完全配置的应用程序模板、文章模板和文章组件。
We.Unlimited应用程序是一个范例模板,它代表一个完全可配置和可管理的AEM Mobile点播应用程序的外壳。
创建新应用程序时选择此范例模板可提供AEM mobile功能丰富的仪表板。
要从AEM Mobile Apps Control center管理应用程序和移动应用程序内容,请参阅 AEM Mobile应用程序控制板

创建应用程序模板

应用程序模板用于创建新应用程序并充当页面模板和组件的集合,这些模板和组件代表应用程序的基线或基础。 模板会标记一些基本属性,以便以适当的方式引导应用程序。 一般而言,客户不会总共创建过多的应用程序。
应用程序模板提供了一种轻松的方法,可利用开发人员创建的现有设计,用于在AEM内创建新应用程序。
在基于其他应用程序的模板创建新应用程序时,您将获得一个应用程序,该应用程序的起始点代表从中创建该应用程序的应用程序。
创建基于应用程序模板的新应用程序的步骤:
  1. 导航到AEM mobile应用程序目录: <server-url>/aem/apps.html/content/mobileapps
  2. 选择 创建 —>应 用程序 ,如下所示
使用此模板创建应用程序后,即可向应用程序添加文章、横幅和集合。 要重新访问、创建文章、横幅和集合,请参阅内 容管理操作
或者,您也可以选择由AEM开发人员提供给您的示例应用程序模板,例如 We.Unlimited app。 如果您将此范例模板用于应用程序,您将获得一些要处理的范例文章和集合。 您可以选择使用范例模板和组件,自定义现有模板和组件,或为应用程序创建新模板和组件。
设置 redirectTarget 属性
使用其中一个应用程序模板时,开发人员定义应用程序的内容。 但是,开发人员必须知道在jcr中创建应用程序的位置以及redirectTarget属 性的值
redirectTarget ​** 是作为创建应用程序操作的一部分计算的,如果有redirectTarget属性作为应用程序模板的一部分可用,并且redirectTarget的值定义为相对值,则会尝试解析路径。 当创建应用程序进程在应用程序模板中找到redirectTarget的相对值时,该值将附加到创建应用程序的已解析位置。
例如,如果应用程序模板定义了 redirectTarget ,其值为“ lanugage-masters/en ”,而应用程序是在“ /content/mobileapps/fooApp ”中创建的,则在创建应用程序后重定向Target的最终值将是“**/content/mobileapps/fooApps/language-masters”。

创建内容模板

每个实体类型都有两个现成的模板。 这些是:
  • ​默认模板:用于创建包含适用默认属性/结构的内容
  • ​导入的模板:用于从AEM Mobile导入内容,并包含适用的默认属性/结构

文章模板

“无限制文章”是表示典型AEM Mobile点播文章布局的示例模板。
  1. 单击“ 管理 ”中的+可创建新文章。 您可以选择“无限 制文章 ”或“富 文本文章” 。 下图显示了选项,允许您从这两个文章模板中的任意一个中进行选择。
  2. 单击 下一步 ,可定义文章元数据,如文章名称/标题、描述、作者、摘要、部门、缩略图、文章访问等。
  3. 单击 下一步 ,以填写广告属性。
  4. 单击 下一步 ,以输入文章图像或社交媒体图像
  5. 单击 下一步 ,以选择此新文章所指向的集合链接。
  6. 单击 下一步 ,以输入社交共享的详细信息。
  7. 单击 创建 ,以完成使用示例创建文章的过程。 单击“完 ”或“编 辑文章 ”以编辑本文的属性。

将组件添加到文章

创建后,作者可以通过添加文本和图像等组件来编辑文章的内容。 文章是AEM页面模板的扩展。
选择一篇文章,您要编辑,然后单击“编 ”以向文章添加组件。
选择左侧面​ 板上的“+ ”可向文章添加组件。

创建现成模板

没有现成的文章模板,但是自定义模板应该扩展的默认模板,请参阅Geometrixx Unlimited应用程序的文章模 板范例
超出正常AEM模板的关键属性需要包括;
dps-resourceType="dps:Article"
此属性可确保将AEM页面识别为AEM mobile目标文章页面。
根据AEM模板,您可以将任何默认属性或子节点添加到模板的 jcr:content

创建和添加组件

组件使用和允许访问构件,这些构件用于呈现内容。
代码存储库中包含一个简单组件,其源位于AEM中。 随后,也可以在CRXDE Lite中本地打开它。
目前没有为AEM mobile提供现成的组件。
您可以向页面添加组件。 任何组件都可在AEM mobile应用程序中使用,但应用后可能无法正常呈现。
但是,如果没有在AEM中呈现的自定义导出内容同步处理程序,自定义组件可能无法正确导出并上传到AEM Mobile On-Demand Services。
在AEM页面中已包含该组件以及其他几个构建块组件后,您可以向该页面添加其他组件或编辑现有组件。
要向页面添加其他组件,请执行以下操作:
  1. 选择该页面,并确保您处于编辑模式,通过编辑器标题右上方的下拉菜单
  2. 使用编辑器标题中最左侧的图标切换侧面板
  3. Select the Components tab
  4. 将其中一个可用组件拖放到页面上
要编辑现有组件,请执行以下操作:
  1. 选择该页面,确保您处于编辑 模式 ,然后选择组件
  2. 点按扳手图标以配置组件
您可以在AEM中创建一个组件,并使用使用CRXDE lite开 发自定义它 。 根据需要自定义现有组件后,可以使用“管理文章”下的“编辑” ​(Edit ​)选项将其添加到页面中,如上图所示。