

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 在用户界面生成器中使用 Connect 助手
<a name="connect-assistant-ui-builder"></a>

Connect 助手集成在用户界面生成器中，使您能够使用自然语言创建和修改视图资源。无需手动拖动组件、配置属性和浏览复杂的面板设置，而是在对话提示中描述所需的内容，Connect 助手会在画布上生成相应的 UI 组件。

例如，您可以键入 “创建包含评级、评论和联系人偏好字段的客户反馈表”，然后 Connect 助手会生成视图供您在发布之前检查和完善。

Connect 助手支持以下功能：
+ 根据@@ **描述创建视图**-用自然语言描述完整的视图，然后 Connect 助手会生成所有必要的组件。
+ **修改现有视图**-通过对话请求更改视图，例如 “添加订单状态下拉列表” 或 “将评论字段设为必填字段”。
+ **配置组件属性**-无需浏览 “自定义” 面板即可设置属性、验证、动态字段和样式。
+ **应用条件逻辑**-用自然语言描述条件，例如 “只有在下拉列表中选择 “其他” 时才显示 “其他” 文本字段。
+ **获取建议**-向 Connect 助手询问有关可用组件、最佳做法以及如何改善视图的建议。

## 先决条件
<a name="connect-assistant-ui-builder-prerequisites"></a>

在用户界面生成器中使用 Connect 助手之前，请验证以下各项：
+ 您正在使用 Connect Customer，并且可以访问 Connect Customer 管理工作区。
+ 您的安全配置文件包括 “**频道和流程-查看**” 权限。
+ 您的安全配置文件包括 **AI 代理设计者 — AI 代理**权限。
+ 您的 Connect 客户实例已在实例级别启用了 Connect 助手功能。

## 访问 Connect 助手
<a name="connect-assistant-ui-builder-access"></a>

1. 登录 Connect Customer 管理工作区，网址为 https://{{instance name}}.my.connect.aws/。使用管理员帐户，或者在其安全配置文件中具有**频道和流程-视图**和 **AI 代理设计器-AI 代理**权限的帐户。

1. 在导航窗格中，选择 “**用户界面管理**” 导航菜单中的 “**视图**”。

1. 在 UI 生成器中创建新视图或打开现有视图。

1. 如果打开现有视图，请在工具栏中找到 **Connect Assist** ant 按钮。选择它可展开聊天面板。聊天面板将在 UI 生成器画布的侧面打开。您可以随时折叠或展开面板。

1. 在聊天输入栏中键入您的请求，然后按 Enter 将您的消息发送到 Connect 助手。

## 使用 Connect 助手创建视图
<a name="connect-assistant-ui-builder-create-view"></a>

以下过程介绍如何根据自然语言描述创建新视图。

1. 使用空画布（或要向其添加组件的现有视图）打开 UI 生成器。

1. 在聊天面板中，描述您要创建的视图。例如：“创建包含客户姓名、订单号、退货原因下拉列表和备注部分的订单退货表单。”

1. Connect 助手会处理您的请求并准备视图组件。视图准备就绪后，Connect 助手会以描述其创建的组件进行响应，并将生成的组件应用于 UI 生成器画布。

1. 查看画布上的组件。您可以使用标准的 UI 生成器工具继续对话以优化视图或手动调整组件。

### 指定布局首选项
<a name="connect-assistant-ui-builder-layout"></a>

您可以在请求中包括布局要求。例如：
+ “创建一个两栏表单，左边是客户信息，右边是订单详情。”
+ “在顶部添加一个带有客户姓名和账号的属性栏，然后在其下方添加一个表格。”

### 请求特定的组件类型
<a name="connect-assistant-ui-builder-components"></a>

按名称或功能询问特定的用户界面组件。例如：
+ “为预约日期添加日期选择器。”
+ “包括订阅时事通讯的开关。”
+ “在表单底部添加一个提交按钮。”

Connect 助手使用 Connect 客户用户界面组件库中的组件。如果请求的组件不可用，Connect 助手将解释限制并提出替代方案。

## 修改现有视图
<a name="connect-assistant-ui-builder-modify"></a>

您可以通过自然语言请求更改画布上已有的视图。

1. 在 UI 生成器中打开视图且聊天面板展开后，请描述您想要的更改。例如：“将评论字段设为必填字段” 或 “将提交按钮的颜色更改为带有白色文本的绿色”。

1. Connect 助手处理请求并直接在画布上显示更新的组件。

1. 如果 Connect 助手需要澄清您指的是哪个组件或要更改的属性，它会在修改之前询问后续问题。

### 撤消更改并恢复
<a name="connect-assistant-ui-builder-undo"></a>

要撤消 Connect 助手最近所做的更改，请键入一个请求，例如：
+ “撤消最后一次更改。”
+ “删除你刚才添加的下拉列表。”

要恢复到 Connect 助手生成的先前视图，请在会话中找到确认消息，然后单击 “恢复” 按钮。所有更改都将在该时间点被覆盖。

## 配置动态字段
<a name="connect-assistant-ui-builder-dynamic-fields"></a>

您可以使用 Connect 助手来设置在运行时填充来自联系人属性或其他来源的数据的字段。

1. 在聊天面板中，描述动态行为。例如：“添加一个只读字段，显示联系人属性中客户的姓名。”

1. Connect 助手通过将组件的属性设置为动态，添加示例引用（例如 $）来配置组件。 CustomerName\_Sample)，并为相关输入创建样本数据。

1. 在 “**自定义**” 面板中查看配置，以验证动态字段引用是否适合您的流程。

1. 要将数据传递到视图并使用输出数据，请在流程中单独配置 ShowView 模块。

## 使用 Connect 助手创建条件用户界面
<a name="connect-assistant-ui-builder-conditional"></a>

您可以用自然语言描述条件逻辑，而不必在 “界面条件” 选项卡中手动配置条件。

1. 在聊天面板中，描述病情。例如：“只有在原因下拉列表中选择 “其他” 时才显示 “其他” 文本字段。”

1. Connect 助手在目标组件上创建相应的 UI 条件，包括触发器组件、评估标准以及由此产生的可见性或属性更改。

1. 应用了条件的组件在画布上以虚线勾勒出轮廓，这与手动创建的条件一致。

有关界面条件的更多信息，请参阅[使用视图构建有条件的用户界面](ui-conditions-on-views.md)。

## 获取建议和解释
<a name="connect-assistant-ui-builder-recommendations"></a>

Connect 助手可以在您构建视图时提供指导：
+ 询问可用组件：“有哪些类型的输入字段可用？”
+ 请求推荐：“您会为客户投诉表推荐哪些其他字段？”
+ 获取配置帮助：“如何动态填充此字段？”
+ 验证您的观点：“检查此表单是否正确配置了所有必填字段。”

Connect 助手会根据 Connect Customer UI 组件库提供解释、组件选项和最佳实践。

## 对话管理
<a name="connect-assistant-ui-builder-conversation"></a>

Connect 助手会将您的对话历史记录保存在会话中，因此您可以参考之前的请求和更改。
+ **会话连续性**-在您处理视图时，您的对话历史记录会得到维护。您可以在后续消息中引用之前的请求。
+ **恢复对话**-当您返回视图时，可以继续之前关于修改的对话。
+ **对话上下文** — Connect 助手可以跨消息维护上下文，因此您可以逐步构建。例如，您可以在一封邮件中创建表单，然后在下一封邮件中添加验证规则。

## 最佳实践
<a name="connect-assistant-ui-builder-best-practices"></a>
+ 请具体说明您的描述。包括组件名称、字段标签和布局首选项，以获得更准确的结果。
+ 分小步骤进行迭代。从基本布局开始，然后从后续消息中进行完善，而不是在单个提示中描述整个复杂的视图。
+ 发布前请先审阅。在发布视图以供代理或客户使用之前，请务必在画布上查看生成的组件并对其进行测试。
+ 如果您想返回到 Connect 助手生成的先前版本，请使用恢复按钮。
+ 使用 Connect 助手进行解释。如果您不确定组件或配置，请在手动更改之前询问 Connect 助手。
+ 将手动和 Connect 助手工作流程结合起来。您可以使用 Connect 助手生成基本布局，然后使用标准的 UI 生成器拖放和属性面板进行微调。

## 限制
<a name="connect-assistant-ui-builder-limitations"></a>
+ Connect 助手生成 Connect 客户用户界面组件库中可用的组件。它无法在此库之外创建自定义组件。
+ Multi-step 指南工作流程（跨越多个步骤的视图）需要单独创建每个视图。通过使用同一会话引用之前的对话，可以跨视图维护上下文。
+ Connect 助手还无法访问您的现有流程配置。动态字段引用可能需要手动验证才能匹配您的特定流程设置。