Zion无代码开发平台,可以快速灵活搭建网站、微信小程序。
首页
博客
主题
开始搭建
返回

用户故事 | 唐韧:我做了一款 AI 产品

无代码开发平台Zion的出现为非技术背景的用户提供了一个全新的可能性——即使一行代码不写,也能设计和开发出具有AI能力的产品。Zion平台不仅支持小程序和Web开发,还最新集成了强大的AI功能,使得用户能够轻松接入如GPT-4这样的先进AI模型。这一创新不仅降低了技术门槛,还极大地拓宽了产品开发的边界,让更多人有机会将自己的创意转化为现实。通过Zion,用户可以体验到从零到一构建AI产品的全过程,无需深厚的编程知识,只需利用平台提供的可视化工具和预设组件,即可实现复杂的功能设计。
2025/01/16
发布
大约需要
5分钟
阅读
Chloe
Zion.AI实验室主编 & Zion市场总监,曾在36氪任内容总监、在卫瓴科技任内容营销和创始人IP主理人
Zion 无代码应用开发平台

在一行代码不写的情况下,我设计、开发、并上线了一款带 AI 能力的产品,而且集成了 GPT-4。


你可能会好奇,我是怎么做到的?


先说下我选择的开发工具,是一款采用无代码方式做应用集成的平台,支持小程序和 Web 开发,名叫 Zion。


其实之前我介绍过这款产品,并且当时也用 Zion 开发了一个应用程序。这次他们集成了 Z AI 板块,可以方便快捷地接入 AI 能力到应用中。



接下来就跟你们说下我是怎么在一行代码不写的情况下完成一款 AI 产品设计和开发的。


根据产品定位和功能设计完成页面结构搭建


这一步,Zion 是通过拖拽组件的可视化方式进行页面布局,你可以根据想法自由完成页面搭建。


在工作区,左边是各种现成的页面组件,比如按钮、输入框、列表等,拖到中间页面区就可以实现自由布局,同时在右侧工具栏对组件进行个性化设置。



根据我的产品定位,这款 AI 产品主要是用来扮演我的个人 AI 助理,代替我来回答一些读者提问。


因此,在功能设计上,用户可以输入想问我的问题,然后直接点击「问问唐韧」的按钮来获得答案。


通过 AI 生成的答案会显示在按钮下方的空白区域,并且可以实现连续对话式问答。


完成后台操作逻辑、数据模型、业务流程、以及 API 的集成


前端页面完成构建后,接下来就要对页面上的组件操作逻辑进行设置。根据上面提到的逻辑,点击按钮后需要获取文本框里的内容并提交给 AI 处理,然后将 AI 生成的答案展示在页面上。


为此,我们需要绑定 AI 能力。


Zion 提供了 AI 配置功能,可以选择你想接入的大模型,这里我选择的是 GPT 4 turbo,注册 Zion 即可免费获得 5w token 额度。



在模型入参这一栏,关联前面我们在页面上摆放的那个输入框,获取里面用户输入的文本内容。


然后,我需要给模型确立人设,根据预置提示让模型能更准确回答问题。


同时还可以给模型设置知识库,既可以是 Zion 本地数据库,也可以是第三方 API 以及本地上传的数据文件。



这里,我上传了我们星球的年度电子书,里面包含了很多我写的文章,以此作为数据源让大模型去学习并作为回答问题的素材。


通过实时预览测试,我让这个具备唐韧属性的 AI 助理回答一个问题,让它生成一份电商产品登录功能的 PRD 结构内容。



这个处理过程在后台调试时也可以看到,并且可以实现连续对话。


比如,我在后台调试时可以继续基于上述问题提问,让唐韧 AI 助理基于这个 PRD 生成一个 9 月份的项目计划,并画出项目甘特图。



一顿输出后,它就给出了我想要的结果,而且质量非常不错。



Zion 支持多种工具调用选择,包括行为流、API、以及配置的其它 AI 请求。设置完毕后可以在右侧实时调试与预览,同样所见即所得。



同时,Zion 还支持 RAG 多轮对话,结合工作流的配置可以实现多轮复杂任务的 AI Agent,可以搭建例如智能客服和营销助手这类场景产品。


在实际产品设计过程中,我们通常需要调用一些第三方 API 来完成业务流程,这里我也做了一个获取实时天气情况的功能。


在 Zion 的 AI 配置后台可以设置第三方 API 信息,我找了一个天气预报的 API 服务,并且绑定了 URL 和对应的参数。



将这个配置好的 API 服务设置在 AI 工具中,这样就可以实现通过 AI 调用第三方数据了。


比如,当我完成上面的项目计划和甘特图之后,明天要去长沙出差跟客户面谈项目计划,出行前问下助理明天长沙的天气情况。


很快,唐韧 AI 助理就可以通过第三方 API 调用实时天气数据帮我获取最新天气情况。



此外,Zion 在后台默认提供了数据库表格,用来记录与 AI 进行对话时产生的数据,开发者可以灵活处理。

预览并发布项目



构建完成的项目可以实时在线预览,直接看到真实的显示和使用效果。


确认无误后,可以选择发布到线上,通过 Zion 提供的免费域名就可以直接使用了,还可以绑定自己的自定义域名。


到这里,我的第一款 AI 产品就算是做好了。


根据我的提问,通过大模型的能力进行系统性回答,根据知识库事先上传的数据作为参考,回答满意度还是不错的。


整体来说,我觉得 Zion 给出的这套无代码构建工具还是非常不错的,方便、快捷、所见即所得。


Zion 提供了全栈无代码开发工具,支持前端 UI、后端数据库等原子构建,同时也免去了部署和运维成本,直接上传发布即可用。

对于开发者而言,可以通过行为流设计进行自动任务规划,在一个平台上完成 AI 应用构建,大大提高了开发效率。

在实际应用开发过程中,开发者可以根据产品需求定制工作流,不仅可以接入自己和第三方 API,同时允许自定义结构化输出,极大提升了开发过程中的灵活性。

Zion 还可以快速搭建账号体系,配置集成第三方主流支付接口,可以实现微信小程序和 Web 的落地,为商业化变现提供了便捷方式。

整体来说,这是目前我用过最容易上手,也是功能最全面的无代码 AI 应用开发平台


关于Zion


Zion 是一款强大的无代码开发平台,让创建简单应用更迅速、开发复杂系统更经济、成为数字化专家更容易。我们致力于提供一个全方位的无代码云开发环境,帮助您轻松完成页面设计、业务流程和数据模型的可视化,大幅降低参与跨平台应用开发的技术难度。设计完毕后,您可以便捷地进行代码生成、应用部署和上线发布,实现从概念到交付的全自动化。简而言之,Zion 旨在使技术创新更加触手可及,帮助您快速实现数字化转型。

目录

根据产品定位和功能设计完成页面结构搭建

完成后台操作逻辑、数据模型、业务流程、以及 API 的集成

预览并发布项目


相关阅读
产品
AI 应用
价格
海外版
资源
帮助文档
教学视频
案例库
博客
生态
社区交流
找人定制
教育优惠
推广我们
关于
关于我们
用户协议
联系我们
沪B2-20211120
沪ICP备19044950号
沪B2-20211120|沪ICP备19044950号|函子科技(上海)有限公司 地址:上海市杨浦区周家嘴路3255号505室-37
Copyright © 2025 Functor Z. All rights reserved.
友情链接
奇绩创坛
HelpLook AI知识库
AI工具集
AI Logo 生成器
明道云
AI 神器集