摘要:我在一行代码不写的情况下,用 AI 做了一款能收费的产品,现在把整个过程做成手把手教程分享给你们。
我在一行代码不写的情况下,用 AI 做了一款能收费的产品,现在把整个过程做成手把手教程分享给你们。
用过 AI 编程的读者知道,Cursor 是一款非常不错的原型搭建工具,可以快速实现产品从想法到可视化的过程。
不过 Cursor 也有缺点,一旦涉及到后端逻辑、多 Agent 调用、以及实现支付闭环,操作起来就比较复杂了。
尤其是对于不懂技术的人来说,跟 AI 一起折腾 bug 和调试的过程也是十分痛苦。
虽然现在很多人用 AI 折腾一些小产品出来,但要实现真正的商业化应用,其实还有很多工作要做。
比如,对于一款商业化产品来说,支付就是核心环节。
在国内,对接微信支付和支付宝都需要基于第三方开放平台来做,没一点技术背景还真不好完成。
那么,有没有一种方式能简单实现带商业闭环的产品后端能力开发呢?
今天就给你们推荐一个,也是我以前就介绍过的 Zion。
如果你还有印象的话,去年这时候我就用 Zion 开发过一款 AI 产品,全程没有写一行代码。
作为一款无代码开发平台,Zion 的易用性非常强,上手也非常简单。
如果你想开发一款产品,需要有精致的前端页面和交互,还要有完整的后端逻辑,以及 AI 能力和第三方 API 调用,甚至还需要集成支付功能。
那么,Cursor + Zion 的组合可以帮你轻松搞定,完成从需求到部署上线全流程。
现在,通过 Zion 可视化全栈平台 和 Prompt 生成器 ,让 Cursor 生成的前端直接对接 Zion 的后端配置,零后端经验也能完成商用级 AI 应用的开发和上线。
接下来,我就以一款「AI 烹饪专家」产品为例,手把手教你如何用 Cursor 和 Zion 构建一款带支付功能的商业级应用。
先说下产品功能。
这是一款利用 AI 能力来点评食物的产品,注册登录后可以直接上传食物图片。
上传成功后,需要先购买服务并完成支付。
接下来,AI 就会针对你上传的图片进行点评和分析。
这款产品虽然简单,但它具备了一款商业化 AI 产品的几乎全部要素,比如 前端页面、后端逻辑、AI 能力、支付功能 。
整个过程,都是用 Cursor 和 Zion 来完成的。
尤其是复杂的后端逻辑和支付功能集成,在 Zion 上都可以做到可视化配置。
第一步,注册 Zion 并在「新增项目」里选择「网页」,然后点击「Cursor AI 商业应用 MVP」。
第二步,在 Zion 设置菜单里选择「支付」,把提前申请好的支付宝开放平台信息输入进去。
第三步,生成一个 AI 智能体,定义角色和任务。
第四步,复制 AI 智能体的信息。
然后 导入 Zion 提供的 prompt 生成工具,点击「在Cursor中使用」按钮就可以直接调用 Cursor 并运行提示词。
这里有个前提,你需要先安装好 Cursor,然后把复制好的 prompt 粘贴到一个新的聊天对话框中,点击发送。
接下来,Cursor 就开始基于 prompt 构建产品前端并调用在 Zion 里配置好的后端和支付功能了。
构建完成后,可以看到 Cursor 做的项目总结,以及每一步的执行过程。
项目运行起来后,就进入产品注册登录页面了。
到这里,我们就构建了一款具备前后端能力以及 AI Agent 和支付功能的商业产品。
如果你想自己做一款能收钱的产品,通过 Cursor + Zion 的组合完全可以实现,这大大降低了产品的开发门槛。
现在开发好的产品还只能本地运行,如果你想部署到公网上让其他人也访问,这里也推荐一个工具 zeabur 。
通过 zeabur 可以实现云端部署 AI 智能体,而且支持 Cursor 一键导入,跟着操作一步步完成,非常简单。
部署成功后,一款可线上运行、自带完整前后端逻辑、可收钱的 AI 产品就完成了。
你可能会好奇,Zion 是怎么完成后端构建并集成支付功能的?
Zion 的后端能力由几大部分构成,分别是数据、API、行为流、AI,这些在产品菜单里都能看到。
AI Agent 的构建在前面有过介绍,你可以自定义自己想要的 AI 能力,还能在 Agent 中上传知识库并实现工具调用。
其次是行为流,可以理解为产品后端的业务逻辑,每一个行为流都包含输入和输出节点,中间穿插执行过程,和流程图有点类似。
比如在「AI 烹饪专家」的后台行为流中有一项 createOrder 行为流,它的作用是触发在调用支付宝前的「创建订单」的操作。
其中的输入和输出节点都是默认的,getUserID 是已经封装好的用来查询用户ID的节点,而 queryGoodsPrice 用来查询「产品」表中 AI 服务的价格信息。
别看都是英文的,实际上都是自定义起名,而且也都是可视化配置。你只需要懂流程,不需要懂代码。
然后是数据库,在 Zion 里也都是以无代码方式进行配置。
这里我们以支付功能为例,激活支付配置后,系统数据表新增三张表,每张表都有对应字段。
在行为流配置里,业务流程里有一个环节是用户支付成功后可调用 AI 能力,对应后端逻辑里需要把订单状态设置为已支付。
于是,在支付行为流里的「SUCCESS」节点下配置「updateOrderStatus」节点用来修改订单状态。
再下一个行为流节点「updateUserAiAccess」则用来开启用户调用 AI Agent 的权限,实现 AI 分析食物图片的功能。
了解了 Zion 的后端构建能力,你就可以用它来实现自己产品的个性化需求,不局限于登录注册和支付。
在上面这个案例中,我们只是实现了一个网页版产品,你还可以构建小程序或者 App 去对接 Zion 的后端服务。
Zion 作为一款全栈无代码开发平台,提供了方便快捷的组件化工具,让开发门槛和成本都得到了降低。
来源:财富智囊