我做了一款 AI 产品

在一行代码不写的情况下，我设计、开发、并上线了一款带 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 调用实时天气数据帮我获取最新天气情况。