关注👇，一块交流，一块进步！
大家好，我是老三，这是我学习记录的第40篇文章，今天给大家分享的是 如何用coze搭建AI应用 。
coze最近更新的很频繁，不知道是不是因为感受到了“友商”给的压力，其中，比较重要的功能就是他们推出了——AI应用功能
之前我们搭建的Bot，总感觉像一个程序 ，交互界面不够直观，视觉呈现也比较单一。
而现在，Bot像一个应用软件 了，整个交互体验和视觉体验都得到了很大的提升，界面变得更加漂亮了。
简单来说，Coze的AI应用可以理解为在之前的智能体基础上，叠加了一层精美的UI界面。
为了让大家更直观地感受Coze新功能的魅力，我用Coze简单搭建了一个“翻译助手”AI应用
大家看看，怎么样？是不是一下子就感觉不一样了？
接下来，我就开始讲解这个AI应用是怎么搭建的吧。
本文主要有以下几个部分
- 创建AI应用
- 新建/添加工作流
- 设计用户界面
- 用户界面绑定工作流
- 测试
创建应用
1、选择创建应用
点击【创建】->【创建应用】，这个选择界面是最新更新的，之前只有“创建智能体” 0
2、创建空白应用
我们选择“创建空白应用”即可，下面还有coze官方提供的应用模版，如果想要体验的话，就插入对应的应用模版即可
3、填写信息
填写我们的应用信息即可
4、编排界面
可以看到编排界面由两部分组成：
- 业务逻辑：也就是我们智能体的部分
- 用户界面：是整个应用显示的布局，有点像UI的感觉
新建/添加工作流
1、我们可以“新建工作流”或者是用“引入资源库文件”的方式添加我们创建好的工作流
2、工作流说明
新建/添加工作流之后，在右侧可以看到【工作流】画布
我作的工作流很简单，就是根据用户输入的“文本”和翻译的“目标语言”对文本进行翻译
本次重点在于如何设计用户界面，因此，我工作流就做的很简单。
设计用户界面
1、选择UI类型
我们选择“桌面网页”即可，也可以搭建“小程序和H5”
2、用户节点说明
- ②处为整个设计的画布
- ①是我们设计用户界面的组件，可以拖拽到画布中
- ③就是对每一个组件进行配置的配置栏
PS：之前用智能体添加过卡片的应该对这个比较熟，用法是一样的
3、“翻译助手”用户界面拆解
整个UI界面分为三部分：
- ①：整个应用的标题头
- ②：用户的输入
- ③：应用程序的输出
4、应用标题头设计
我们拖一个【容器】到画布中，在最右边设置这个容器的样式即可
拖一个【文本】组件到上一步的【容器】中，设置好内容、字号等格式
5、用户输入设计
我们先用一个【容器】将剩余所有的空间覆盖满
要注意最右边的配置为：
- 百分比：100%
- 高度：填充容器
PS：这一个【容器】是必须的，要不然后续无法将输入输出部分完美的排放到两边
继续拖进来一个【容器】，这个容器里面要放输入的内容
拖一个“表单”组件到到上一步的“容器”中
把“表单”中每一个元素的布局在右边进行配置即可
6、用户输出设计
跟输入一样，拖进来一个“容器”，设置好样式
在上一个“容器”里面拖进来一个“markdown”组件，点击①就会弹出②，我们对文本中的内容进行编辑即可
编辑完内容之后，我们再设置好“markdown”组件的样式
到这里为止，整个UI我们就设计好了，我们可以点击①进行“预览”整体样式
用户界面绑定工作流
现在，我们就需要将工作流和设计的UI进行数据绑定了
一共有三部分数据需要绑定分别为：翻译的文本、目标语言、翻译结果以及将“开始翻译”按钮绑定工作流
我们逐个进行绑定吧
绑定工作流
按照序号顺序绑定我们添加进来的工作流即可
绑定输入数据
点击入参配置项的每一个输入框，将输入框放大方便我们进行数据绑定
点击需要绑定的组件的“value(表单项值)”就能自动填充到输入框了
这里面的组件名字我想改个名字发现改不了，这个体验感就不好了，组件少的话还行，多的话需要绑定的组件名字有可能都记不住了，不方便查找，希望coze官方能做优化吧
绑定输出数据
工作流输出的有三个变量分别为date、loading、error
- data：工作流返回的值
- loading：表示工作流是否在运行
- error：如果工作流出错会返回错误信息
我们在输出的“markdown”组件文本中引用data变量即可
到现在为止，我们这个AI应用就搭建好了，接下来我们就测试看看吧
测试应用
在画布中我们是没有办法进行测试的，可以在“预览”中测试
简单演示了下，这款“翻译助手”AI应用是不是还不错。
今天关于Coze AI应用的讲解就先到这里啦，我只是做了简单的搭建演示，Coze还有很多强大的功能等待慢慢去研究。
如果你在搭建过程中遇到什么难题，或者想和我交流 你的想法，欢迎随时在评论区留言或者是联系我，我们一起学习进步！
今天的分享就到这里了，感谢您看我的内容，感觉有帮助的小伙伴可以点赞、转发、关注 ，你的鼓励是我持续分享的动力！
我前一段时间写了一个coze系统性的文档资料，如果有需要的话可以联系我
下面是我的vx
往期教程
扣子coze提示词更新了，这下我写提示词就更加简单了！(11月最新更新)
coze实战 | 每天还在纠结闲鱼文案怎么写吗？来，一键帮你搞定！
coze实战 | 你敢信，我用两分钟就能制作出一篇小红书爆款笔记！