我用扣子AI平台,1小时可视化搭建好了我的在线网站应用!

712 阅读4分钟

之前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技术落地秘籍!