使用体验片段

本页涵盖以下主题：

概述
在 AEM Screens 中使用体验片段
将更改传播到页面

概述

体验片段是由一个或多个组件构成的组件组，包括可在页面内引用的内容和布局。体验片段可以包含任何组件（例如包含一个或多个组件，这些组件又可以包含段落系统内的任何内容），这些组件将被引用到完整体验中或由第三个端点进行请求。

在 AEM Screens 中使用体验片段

注意

以下示例使用We.Retail作为演示项目，从中将体验片段从Sites页面引用到AEM Screens项目。

例如，以下工作流演示了如何在站点中使用We.Retail中的体验片段。您可以选择一个网页，并在其中一个项目的AEM Screens渠道中利用该内容。

先决条件

使用渠道创建演示项目

创建项目

单击创建屏幕项目以创建新项目。
在“标题”中输入 DemoProject。
单击保存。

将DemoProject添加到您的AEM Screens。

创建渠道

导航到您创建的DemoProject文件夹，然后选择渠道文件夹。
单击操作栏中的创建以打开向导。
从向导中选择序列渠道模板，然后单击下一步。
将标题输入为TestChannel，然后单击创建。

将TestChannel添加到您的DemoProject中。
screen_shot_2019-07-29at105101am

创建体验片段

请按照以下步骤将We.Retail中的内容用于DemoProject中的TestChannel。

在We.Retail中导航到站点页面
1. 导航到站点并选择We.Retail -> 美国 -> 英语 -> 设备，然后选择此页面以将其用作Screens渠道的体验片段。
2. 单击操作栏中的编辑，以打开要用作Screens渠道体验片段的页面。
重新使用内容
1. 选择要包含在渠道中的片段。
2. 单击右侧的最后一个图标以打开转换为体验片段对话框。
创建体验片段
1. 选择操作作为创建新体验片段。
2. 选择父路径。
3. 选择Template。在此处选择体验片段 — 屏幕变量模板（字段/libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens中的值）。
4. 将片段标题输入为ScreensFragment。
5. 单击复选标记以完成新体验片段的创建。
注意：要更轻松地选择选项，请单击字段右侧的复选标记以打开选择对话框。
创建体验片段的Live Copy
1. 导航到AEM主页。
2. 选择体验片段并突出显示ScreensFragment，然后单击变量作为Live-copy，如下图所示：
c.从创建Live Copy向导中选择ScreensFragment，然后单击下一步。

d.输入标题和名称作为Screens。

e.单击创建以创建Live Copy。

f.单击Done以返回至ScreensFragment页面。

注意

创建Screens片段后，您可以编辑片段的属性。选择片段，然后单击操作栏中的属性。

编辑屏幕片段的属性
1. 导航到ScreensFragment（您在上面的步骤中创建），然后单击操作栏中的属性。
2. 选择脱机配置选项卡，如下图所示。
您可以将客户端库（java和css）和静态文件添加到您的体验片段中。

以下示例显示了如何向体验片段中添加作为静态文件一部分的客户端库和字体。
在Screens渠道中将体验片段用作组件
1. 导航到要在其中使用Screens片段的Screens渠道。
2. 选择TestChannel，然后单击操作栏中的编辑。
3. 单击侧选项卡中的组件图标。
4. 将体验片段拖放到渠道中。
e.选择体验片段组件，然后选择左上角的（扳手）图标以打开体验片段对话框。

f.选择您在路径的步骤3中创建的片段的Screens Live Copy。

f.选择您在体验片段的步骤3中创建的片段的Screens Live Copy。

h.在Duration中输入毫秒。

i.从体验片段对话框中选择脱机配置以定义客户端库和静态文件。

注意

如果除了在步骤(4)中配置的文件之外，您还要添加客户端库或静态文件，则可以从体验片段对话框的脱机配置选项卡中添加。

j.单击复选标记以完成该过程。