界面与卡片均为小艺通过Agent提供的用户交互方式。其中,界面以全屏或半屏弹出的形式呈现,为用户提供一个相对独立、沉浸式的交互空间。用户可在该界面中通过点击按钮、输入文本等控件操作,与Agent完成高效、直观的交互。
本章节将介绍界面创建与发布,当Agent需要实现图形用户界面(以下简称GUI)交互场景时,可以参考本章节介绍实现。
进入小艺开放平台,点击【工作空间】-【界面】-【新建用户界面】,填写用户界面名称和描述后,点击【新建】。


新建界面后可以新建版本、编辑版本、复制、删除界面。也可以看到界面关联的Agent、卡片,当被Agent、卡片关联时,无法删除界面。

界面编辑页面从左到右依次为功能区、预览画布区和属性配置区。开发者可以拖动组件图标到中间画布区域,选中中间画布上某个组件时,右边会展示该组件的属性配置,修改属性配置可以实时在画布上生效。组件编辑使用可参考自定义卡片编辑。添加H5组件后,其它组件不可使用。

变量:
变量用于存储页面的临时数据以及用户界面的入参,分为两种类型:
变量创建后,可以在组件属性配置时绑定使用。



界面预览
点击预览后,可在弹出的窗口中预览界面效果。预览展示了界面在设备上的预期显示效果。

界面保存与发布
预览效果符合预期后,点击保存并发布界面,界面发布后,在Agent工作流绑定界面时,就可以关联到已发布的界面。

使用界面
界面发布后,可以在Agent编排页内配置两种方式使用界面。
1、快捷指令绑定界面
进入Agent详情编辑页面,选择添加快捷指令,选择跳转型,跳转方式选择界面,点击添加按钮,可以选择当前已发布的界面。
快捷指令使用界面目前仅支持对界面入参配置静态参数,不支持绑定变量。

2、工作流绑定界面
进入Agent编排页,添加工作流,对工作流节点选择绑定卡片或界面,选择界面跳转,点击添加按钮,可以选择已发布的界面。
鼠标悬浮到已选择的界面上,点击界面入参配置,配置工作流当节点的输出参数和界面入参的绑定关系即可。
