之前core扣子AI平台注册了,但要排队等候开通资格。最近发现已经有体验权限了,刚好昨天有开发者来问如何快速搭建AI应用。于是乎就花了1小时,搭建了一个网站应用demo,并整理了以下AI搭建教程。
可以解决什么问题?
1、适合和我一样,刚刚接触core扣子AI平台,想尝试使用的搭建的同学;
2、适合正在使用果创云,想搭建网站,但是不懂技术、没有域名和服务器的开发者;
3、适合喜欢学习AI、智能体、前沿新技术的技术爱好者!
下面开始。
1、core扣子AI平台是什么?
扣子平台官网:www.coze.cn/,号称是:零基础开启 Agent 专业开发。可以直接免费注册。
2、快速搭建我的网站应用
第一步,创建应用,选择:空白应用。
填写应用名称、介绍和生成应用图标。
创建后,进入应用搭建。主要分为两块:业务逻辑、用户界面。
3、业务逻辑可视化编排(后端)
请求HTTP接口
首先,在左边新建工作流。填写工作流英名名称(后面开发用)、以及工作流描述(给人看的)。
接着,在底部:【添加节点】,选择:【HTTP请求】。
填写API接口请求地址、接口参数、JSON返回,以及对接口返回结果的代码处理,还有一定要注意在【结束】时的结果输出时选定【返回变量】,而不是【返回文本】。
最后,试运行,看接口请求是否正常。是否有你的接口数据返回。
果创云YesApi接口低代码平台
由于需要存放自己的数据表单和提供API接口,这时我们可以先在果创云 YesApi.cn 平台,免费注册并在线创建自己的数据表单,例如我要存放我的订单数据,并事先准备好我的订单测试数据。
注意到,我的表单中,我自己定义了我需要的几个字段:
| 商品单价(单位元)(order_price) | 封面照片(order_img) | 购买内容与规格参数(order_goods) | 订单状态(0表示取消订单)(order_status) | 订单描述(order_desc) |
|---|
准备好表单数据后,再用果创云自带的API接口获取和查询列表数据。例如,我需要只返回3条数据、只返回我需要的字段、并且根据我的需要排序返回,还能支持订单搜索。
最后,把接口API请求链接,直接填入到扣子平台就可以了。如果还有不会的,可以私信我帮你解决。
4、用户界面可视化搭建(前端)
切换到【用户界面】,根据你自己的需要,可视化拖拉出你需要的网站界面。例如,我这里有:顶部的介绍、搜索表单、纵向列表(用来展示订单数据)、代码显示(用来显示接口请求结果,开发中)。
绑定按钮事件
选中【搜索】按钮,切换到【事件】,【+新建】添加,设置事件类型为:点击时。依次设置前面的工作流,以及输入参数。
特别注意! 这里的入参配置,在变量前面、后面不要有空格!!!! 不然调试半天都不知道为什么接口一直取不到数据!
绑定列表显示数据
如果网站页面元素过多,你可以在【结构】通过层级来找到你的列表组件,在【属性】的数据绑定中,选中刚才工作流中返回结果的list字段。特别注意! 中间的data不要去掉!前面的工作流HTTP请求接口返回时一定要设置为【返回结果】而不是【返回文本】!
5、预览网站
一开始不好找,按钮太多。后来我找到了,这两处可以点击预览。
预览后,就可以看到我刚刚搭建的网站应用了!!
6、发布网站应用
去发布。
在【扣子商店】选中:桌面端 + 你的 分类。
7、一些坑
注意事项和一些坑(注意到了节省半小时!)
坑1、试运行输入,参数有时会变成 null,会被转成字符串的 "null",调试时手动去掉。
坑2、在Firefox浏览器下,本来是想删除控件里面的参数,按Delete删除键,却是删除了控件!!反人性呀,绝对是个大大的BUG!
坑3、为什么会莫名多出+号在接口参数?那是因为你在配置入参时,变量两边不小心多了空格,肉眼不好察觉。。。。
坑4、工作流HTTP请求接口返回时一定要设置为【返回结果】而不是【返回文本】!
坑5、工作流中返回结果的中间的data不要去掉!
关于作者
作者简介:10年互联网开发老兵,曾主导多个百万级API项目,现为YesApi、YesDev平台创始人,果创科技CEO,专注用AI+RPA技术手段破解企业软件难题,用AI驱动交付企业服务。关注我,每周分享接地气的企业AI技术落地秘籍!