点击上方卡片关注 不要错过精彩文章
读完这篇文章，别忘记给舰长点一个关注！舰长的智能体搭建文章，不仅是节点的构建，也有思路的分享。智能体搭建最重要的就是思路。最希望，能给大家带来不一样的搭建思路和方法。
点一点上方的🔵蓝色小字关注，你的支持是我最大的动力！🙏谢谢啦！🌟"
大家好，我是舰长🙏 本篇文章由船长团队阿军老师主要撰写，Coze官方重磅更新了许多功能！之前教大家用函子科技Zion搭建AI应用的余热还没过，Coze马上就放大招了！
这次做了很大的改动和调整，其中最大的亮点就是Coze也发布了自己的AI应用搭建IDE，一个可以创建AI应用的功能，可以说基本和之前给大家介绍的Zion函子功能差不多（但目前体验下来现阶段的功能还是没有Zion全面细致）
所以之前如果有小伙伴了解Zion的搭建过程的话，这个Coze的AI应用的IDE应该很容易上手！所以大家一定要关注舰长的文章呀，都是干货满满！
今天文章将总结一些Coze刚发布的新功能的介绍，以及手把手教大家用Coze搭建AI应用，最后再给大家总结对比Zion IDE和Coze IDE搭建应用的区别和一些异同。
一.Coze更新了些什么？
Coze本次改版更新内容（主要是工作流）大体如下：
1.工作流整体UI进行了调整，添加节点和调整工作流布局放在了左下角。
2.调试（测试工作流）缩小放在了右上角，整个工作流节点UI界面也做了调整
3.点击"添加节点"后，所有节点改成了弹出框的方式进行了排布
4.增加了工作流中途也可以让用户交互输入的节点，并且节点的入参可以通过快捷导入json的方式
5.增加了注释节点功能
6.优化布局功能去掉了之前的折线布局功能，目前只支持平滑曲线布局了
上述是除了Coze应用IDE之外的，这次的主要的更新内容，其它的地方希望大家去体验发现，接下来重点带大家进入今天的主题：
用coze搭建自己的AI应用，以及ZIon和Coze二者的对比。
二.用Coze搭建AI应用实战案例
废话不多说了，我就以之前在Zion上接入Coze上下标工作流的例子重新教大家在Coze最新的AI应用IDE上搭建一次。
1.首先创建AI应用（在个人项目开发页面右上角点击"+创建"）
2.选择"创建AI应用"
3.选择创建空白应用（大家后面可以选择官方模版探索）
4.跟通常创建的Bot一样：填写名称、介绍、图标
5.先在逻辑编辑面板引入之前创作好的上下标工作流可以看这篇文章→[字体上下标工作流]
6.再切换到用户界面，对应用UI进行编辑和制作，其中左侧包括了组件、模版、导航等模块。组件模块有推荐组件、布局组件、展示组件、输入组件
大体每个组件的功能主要作用如下：
6.1.推荐组件：官方根据业务推荐的常见、高频的一些UI组件（包括了布局组件、展示组件、输入组件）
6.2.布局组件：用来布局页面元素位置的控件（一般会用布局组件把整体布局空间设置好，再往里面添加输入或者输出组件）
6.3.展示组件：用来显示内容的控件（一般用于在页面显示图片、文字等输出给用户查看的内容）
6.4.输入组件：用来给用户产生交互行为的控件（主要是点击、下拉框、输入文本、提交表单等）
7.展开左侧控件后，拖拽自己需要的组件进行页面布局和搭建（拖拽容器承载页面ui组件、调节布局位置、设置属性样式等）
8.搭建好UI界面后，在右侧面板可以调节具体组件的样式，然后添加交互事件（比如点击按钮跳转页面）
9.在导航模块可以添加新的应用页面（用来布局号码上下标界面），点击加号添加
10.给新的页面添加UI组件，布局设计页面样式，再给页面添加交互事件
11.交互事件细节配置（给转换按钮添加调用工作流事件，调用我们之前引用进来的工作流get_change_number,给入参配置和绑定UI对应的组件）
12.搭建完成后点击预览可实时测试应用，会打开一个新的页面展示整个应用
13.测试没有问题后就可以点击右上角发布啦！目前有以下几种发布方式：建议先发布在扣子商店体验
最后我们来看看效果吧！
大家可以在Coze商店搜索应用"号码上下标生成器"参考体验一下！
二.Coze应用和Zion应用搭建对比
用过Zion搭建应用的小伙伴或许看到Coze最新发布的IDE界面有种似曾相识的感觉，确实在外观和布局上Coze应用的IDE跟Zion的IDE的确非常相似。特别是UI设计界面：
Coze用户界面：
Zion设计页面：
其中在UI组件区域分类都十分相似：
1.Coze布局—>Zion容器
2.Coze展示—>Zion展示
3.Coze输入—>Zion输入
区别和不同：
1.Coze在UI组件区域还加入自己的模版，而Zion没有组件模版，但是注入了更多DIY的功能：自定义组件、代码组件。这对于想要高度自定义化UI的用户非常具有吸引力。
2.在组件的丰富度上Coze目前比较单一，Zion的组件较为丰富。例如：以布局组件为例子，Zion的组件更为丰富包括了条件容器、选择视图等，其它的就不一一例举了。
然后就是中间的UI设计区域和页面层级：
相同点：
1.都支持拖拽到设计区域进行编辑，均可任意拖动UI组件进行缩放
2.左侧均可展示UI组件的树形层级
Coze:
Zion：
不同点：
1.Coze目前只有一个屏幕适配设计模式（也就是PC端桌面），而Zion支持PC端、移动端、平板
2.Coze目前暂时不支持模拟器实时预览功能，支持网页预览模式，Zion有模拟器实时预览功能和打开网页预览模式
最后是右侧边栏面板（UI样式属性、行为事件）
相同点：
1.都分别对尺寸、布局、样式进行了分类设置
2.都支持配置UI的交互事件
不同点：
总体来说Coze目前还属于初代产品，很多细节上没有Zion处理得全面和细腻，以下只是列举了右侧栏面板几个点来说明，其实还有很多细节。
1.在UI样式设计中Coze暂时不支持UI组件上传背景图，只能选择默认的几种颜色值，Zion不仅支持背景色设置还支持上传背景图，以及支持动效等
2.在UI交互方面，Coze目前的交互行为或者是事件与Zion相比就更少了，目前Coze支持一些基本的跳转、点击等事件，而Zion支持的交互就更丰富了，比如定时器、分享甚至是支付行为等
总结：
由于篇幅原因就不一一列举对比了，总体来说Coze搭建应用的能力与Zion相比，还是相对粗糙了些！当前的对比，仅仅是UI界面设计这块！
其实在发布能力、数据库设计能力、商业化能力等方面Zion还是比Coze搭建应用这块更全面一些！毕竟Zion在搭建应用方面已经是沉淀多年的老产品了，而Coze还是刚刚出生的新生命！
"Coze变现模板"已在Zion个人中心上架，可直接创建使用，欢迎复制链接有优惠进入: https://zion.functorz.com?ref=1945127
我们也相信Coze在搭建应用这块会逐步升级迭代，让AI搭建应用之路，惠及更多热爱AIGC的小伙伴！无论是Coze还是Zion都由衷祝愿它们越来越好，越来越强！
给大家留个小练习: 请参阅以下工作流教程
最新扣子(coze)实战应用工作流:抓取"百条" 爆款 [抖音视频] 文案+自动储存到飞书表格
自己尝试做AI前端应用（cozr或zion均可）
完成作业提交给舰长领取福利红包
关注公众号并添加舰长微信，领取智能体学习资料，并参与Coze技术直播讲解
舰长积极创建智能体;工作流交流群，让我们在AI时代一起进步互相学习！每天会在群里分享智能体的搭建，欢迎各位小伙伴加入~
船长团队创作智能体专栏小册，里面有最新进阶的Coze智能体文章，在文章有收获的同时，可以分销而获取60%的小册费用，聚财成多
没有评论:
发表评论