在一行代码不写的情况下,我设计、开发、并上线了一款带 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 应用开发平台。

免费注册就可以直接使用,这是注册链接:https://go.functorz.com/gp6yJYn2

················· 唐韧出品 ·················

安可时刻

如果你有什么 idea 或者商业计划,只缺一个程序员就能落地的话,像 Zion 这样的平台就能很好满足你的需求。

真正自己定义和设计一款产品,然后开发落地并上线运行,也是一件成就感很强的事。

动手试试吧,挺有意思的。

打开网易新闻 查看精彩图片