视频来源
图文展示内容有限，如果感兴趣可以进 B 站看原视频
内容整理（AI 生成）
大家好，我是Zack。在之前的分享中，我介绍了如何利用Coze和Zion打造一款能够实现商业变现的AI应用。在本期视频中，我将分享一个利用AI Agent和Zion无代码开发的心理疗愈平台。本次分享将涵盖从产品构思、设计、开发上线到最终实现商业变现的整个流程。
拆解项目展示
作者是一位在职的产品经理，每天利用空余时间进行构思和实施，经过半个月的策划，半个月的实施目前内测阶段已经开始盈利。
大家可以去体验一下，如果感觉不错可以多多支持。名字为 【myowncoach】
制作前的准备
下面主要围绕 AI 业务 功能和前端功能实现进行讲解
- 在实际去做之前我们要知道接下来要做什么？ 这一步可以直接问 AI 。
我让AI分析并策划了整个流程。在有了大纲后，我开始了解每一步的流程。首先，在准备阶段，我需要定义目标和假设，确定核心功能和用户需求。
- 我们开始进行功能开发。在功能开发阶段，我们利用 Zion 无代码创建一个空白网页。
2.1 可以看到我们进入的项目设计界面。左侧提供了四个大分类的组件：展示类、输入类、容器类和其他类，以及绑定功能和交互行为。通过添加组件的方式，将组件拖入画布中。这里优先搭建桌面端应用，拖入文字、按钮和容器，并在容器内拖入按钮，调整容器布局、宽度和位置。
2.2 调整背景颜色，为按钮绑定事件，点击时调用AI，选择AI，点击时操作数据表，为页面添加数据，添加远程数据，为组件绑定数据，绑定远程数据。
2.3 发布后，我们即可在互联网上访问。它提供了一个互联网客户端。
2.4 完成第一个页面搭建后，我们可以继续搭建第二个页面。点击“新界页面”，选择“页面2”，添加组件。返回“页面1”，为组件绑定跳转事件，点击“行为”，选中组件的点击行为，点击“添加行为”。
2.5 我们通过不断的点击、拖拽和操作。最后，我们将搭建出这样的一个界面，包括官网页面、登录页面、个人主页以及订阅页面。我们预览一下，在移动端，界面会是这样；在电脑端，界面则会是那样。
2.6 下面讲解如何完成AI核心应用的搭建。
2.7 除了页面栏，还有数据栏、API栏、行为流栏和AI栏。在数据栏，我们可以构建我们的数据模型。创建一个收费项目的数据表，添加数据表的数据字段，可以选择字段。完成数据结构设计后，将包括套餐表、订单表、订阅记录表、邀请记录表等数据结构。
2.7 创建我们的AI智能体时，可以选择模型GPT-4或GPT-3.5。添加入参配置用户问题，指定任务角色为心理导师，并设定任务限制。将用户问题作为入参提供给智能体，提供一个提示作为参考，以便智能体回复。
2.8 我们准备了一些提示给他，这些提示包含了全部内容。
2.9 我们首先进行部署，然后点击发布。为了控制成本，我们设置了生成内容不超过150字的限制，并对结构进行了美化
2.10 发布完成后，我们可以开始进行调试。展开查看输入的提示词，例如：“晚上睡不着，怎么办？”
在这里插入图片描述
2.11 OK，我们的agentAI应用已开发完成。如有必要，我们可以为其添加一些工具，例如行为流和第三方API，并可创建下一个agent，使 agent 之间也可以相互调用。
2.12 同时也可以上传一个本地文件或者选择数据库的数据 ，作为它的知识库。
2.13 完成了这个AI代理的应用设计以后，我们需要到前端进行调用。
配置一个行为，点击“添加行为”，然后点击“AI”，接着点击“开始绘画”，选择我们配置的AI。用户输入问题后，点击加号，添加我们的输入型组件，即输入框。我们可以将流失数据复制给页面数据，然后回到页面，点击空白处。点击“数据”，新增一个页面数据，默认命名为“PageData 0”。回到按钮的AI调用界面，将流失数据复制给“PageData 0”。此时，在输入框中输入内容，再点击按钮，内容即可传给AI。通过这些功能，我们无需编写任何代码，即可完成整个AI调用过程。
- 至此，我们的项目 MVP 已经完成。
结论
一个完整的项目，有非常多的细节需要考虑到位。由于时间关系，今天我们就讲到这里。
再回顾一下，一个完整的AI商业化产品，从Agent到前后端都没有使用代码，因此只要你有想法，尽管去尝试。正处在AI的风口上，下一个起飞的就是你
