本页涵盖以下主题:
体验片段是由一个或多个组件构成的组件组,包括可在页面内引用的内容和布局。体验片段可以包含任何组件(例如包含一个或多个组件,这些组件又可以包含段落系统内的任何内容),这些组件将被引用到完整体验中或由第三个端点进行请求。
以下示例使用We.Retail作为演示项目,从中将体验片段从Sites页面引用到AEM Screens项目。
例如,以下工作流演示了如何在站点中使用We.Retail中的体验片段。 您可以选择一个网页,并在其中一个项目的AEM Screens渠道中利用该内容。
使用渠道创建演示项目
创建项目
将DemoProject添加到您的AEM Screens。
创建渠道
导航到您创建的DemoProject文件夹,然后选择渠道文件夹。
单击操作栏中的创建以打开向导。
从向导中选择序列渠道模板,然后单击下一步。
将标题输入为TestChannel,然后单击创建。
将TestChannel添加到您的DemoProject中。
请按照以下步骤将We.Retail中的内容用于DemoProject中的TestChannel。
在We.Retail中导航到站点页面
导航到站点并选择We.Retail -> 美国 -> 英语 -> 设备,然后选择此页面以将其用作Screens渠道的体验片段。
单击操作栏中的编辑 ,以打开要用作Screens渠道体验片段的页面。
重新使用内容
创建体验片段
选择操作作为创建新体验片段。
选择父路径。
选择Template。 在此处选择体验片段 — 屏幕变量模板(字段/libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens
中的值)。
将片段标题输入为ScreensFragment。
单击复选标记以完成新体验片段的创建。
注意:要更轻松地选择选项,请单击字段右侧的复选标记以打开选择对话框。
创建体验片段的Live Copy
c.从创建Live Copy向导中选择ScreensFragment,然后单击下一步。
d.输入标题和名称作为Screens。
e.单击创建以创建Live Copy。
f.单击Done以返回至ScreensFragment页面。
创建Screens片段后,您可以编辑片段的属性。 选择片段,然后单击操作栏中的属性。
编辑屏幕片段的属性
导航到ScreensFragment(您在上面的步骤中创建),然后单击操作栏中的属性。
选择脱机配置选项卡,如下图所示。
您可以将客户端库(java和css)和静态文件添加到您的体验片段中。
以下示例显示了如何向体验片段中添加作为静态文件一部分的客户端库和字体。
在Screens渠道中将体验片段用作组件
导航到要在其中使用Screens片段的Screens渠道。
选择TestChannel,然后单击操作栏中的编辑。
单击侧选项卡中的组件图标。
将体验片段拖放到渠道中。
e.选择体验片段组件,然后选择左上角的(扳手)图标以打开体验片段对话框。
f.选择您在路径的步骤3中创建的片段的Screens Live Copy。
f.选择您在体验片段的步骤3中创建的片段的Screens Live Copy。
h.在Duration中输入毫秒。
i.从体验片段对话框中选择脱机配置以定义客户端库和静态文件。
如果除了在步骤(4)中配置的文件之外,您还要添加客户端库或静态文件,则可以从体验片段对话框的脱机配置选项卡中添加。
j.单击复选标记以完成该过程。
完成上述步骤后,您可以通过以下方式在ChannelOne中验证您的体验片段:
您将从渠道的Sites页面(体验片段的Live-copy)中查看内容,如下图所示:
Live Copy是指由转出配置定义的同步操作维护的(源的)副本。
自体验片段以来,我们创建的是Sites页面中的Live Copy,因此,如果您从主控页面对该特定片段进行更改,则将查看渠道中所做的更改或您使用体验片段的目标。
有关Live Copy的更多信息,请参阅重用内容:多站点管理器和Live Copy。
请按照以下步骤将更改从主控渠道传播到目标渠道:
从Sites(主控)页面中选择体验片段,然后单击铅笔图标以编辑体验片段中的项目。
选择体验片段并单击扳手图标以打开用于编辑图像的对话框。
将打开产品网格对话框。
您可以编辑任何图像。 例如,此处的第一个图像在此片段中被替换。
选择体验片段,然后单击转出图标以将更改传播到渠道中使用的片段。
单击转出以确认更改。
您将看到已推出更改。
请按照以下步骤确认渠道中的更改:
导航到Screens -> 渠道 -> TestChannel。
单击操作栏中的预览以确认更改。
下图说明了TestChannel中的更改: