作者:Zion
链接:https://zhuanlan.zhihu.com/p/11983328051
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

今天我们继续带来独立开发者(B站:AI背包客)的实用分享,此次分享将围绕“ Coze 变现模板”,教你怎么用 Zion 无代码开发平台,为你的 Coze bot 打造一个能收钱的前端界面。就算你不懂编程,也能把你的 AI 点子变成真金白银。文章最后,我们还准备了这次的案例模板,欢迎大家使用!

什么是 Coze 变现模板?

一个 Zion 专为 Coze bot 设计的前端集成解决方案,帮助用户快速搭建起一个完整的 AI 智能体应用,包括前端页面、用户账号管理以及支付系统。用大白话来说,Coze 变现模板就是帮你把你的聊天机器人( Coze bot)变成能赚钱的工具。这个模板帮你搞定两件事:

1. 快速搭建 Coze bot 展示平台:用户无需跳转至 Coze 平台,直接在你的平台(平台类型不限:PC 端、手机端、平板端)上进行账号注册,即可开启 bot 对话。

2. 实现多种变现方式:你的 Coze bot 将不再仅限于赚取 Coze 模板市场引用的费用,通过搭建付费平台可以开启你多元的变现渠道,例如对话次数费用、会员服务等。

以下是 Coze 变现模板的一些关键特点:

快速集成:模板预设了前端页面和后端逻辑,只需简单配置即可快速上线。

易于配置:只需提供 Coze bot ID 和 API key,即可连接到自己的 Coze bot。

账号管理:集成了用户注册、登录和个人资料管理等功能,方便用户管理自己的账户。

支付系统:支持支付功能,用户可以直接在模板中配置支付系统,实现服务的变现。

多平台适配:模板适配了 PC 端、手机端和平板端,确保用户无论在何种设备上都能获得良好的体验。

提供参考示例:模板提供了一个参考示例,即 Zion 答疑助手,帮助你更好地理解和使用。

一睹为快:项目页面结构

首页

左侧为固定功能栏,用户可以在此快速跳转至套餐页、订单页、会话历史页,以及个人信息展示和修改弹窗。

点击“发送”时系统会检查用户是否登录,未登录则跳转至登录注册页面;注册或登录后,将直接进入会话页面。

登录页

当在其他页面登录校验未通过时,将跳转至此页面,未登录状态下无法返回其他页面。

聊天页

左侧设有悬浮功能栏,方便用户快速切换至首页、套餐页、订单页、会话历史页,并进行个人信息的查看与编辑。

会话界面采用自定义组件,直接接入预设的Coze智能体,实现流畅对话。

系统会自动校验服务有效期,若发现过期,将弹出提示窗口提醒用户续费。

会话记录页

左侧设有悬浮功能栏,用户可通过它便捷跳转至首页、套餐页、订单页、会话历史页,以及查看和编辑个人信息。

界面展示过往会话记录列表,点击任一记录即可加载历史数据,无缝续接之前的对话。

订单页

左侧悬浮功能栏提供快速导航,支持跳转至首页、套餐页、订单页、会话历史页,并可查看及编辑个人信息。

若有付费记录,界面将展示历史付费记录和会员服务的有效期信息。

套餐页

左侧设有固定功能栏,用户可一键跳转至首页、套餐页、订单页、会话历史页,并快速访问个人信息的展示与编辑功能。

提供清晰的收费信息说明和便捷的支付模块,方便用户了解费用详情并进行支付操作。

三步完成配置

第一步:获取 Coze Key 和 Bot ID

如何获取 Coze key:在 Coze 主页点击左下方扣子 API,选择授权,添加令牌,选择权限确定生成。

如何获取 Bot ID:进入自己的智能体在地址栏内复制“ bot/”之后的数字,并且 bot 发布时一定要选择 Agent as API。

第二步:了解数据库内容,根据需要进行修改

account 表:储存用户的账户数据。

chatroom 表:用户每次创建新会话记录。

bot 表:在此表内可以对 Coze 智能体信息进行编辑。

(bot ID|简介|头像|昵称)

order 表:所有用户产生的订单记录及详情在此表内查询。

(支付价格|支付次数|购买期限|支付状态|订单类型)

service表:产品定价可在此表内修改,可参考模板定价。

(价格|昵称|简介|有效期天数)

system 表:扣子 API key 表,在此表内添加在 Coze 平台生成的权限令牌。

image 表:页面所包含的所有图片内容
PROFILE|默认头像

HOME|页面左侧悬空功能栏顶部图像

LOGO|所有页面的标识
LOGIN|登录页图片

第三步:配置支付能力

通过支付宝申请电脑网站支付,将申请到的AppId、商户私钥、公钥按要求配置即可。

自定义域名(可选)

Zion 提供了高级版以上的自定义域名配置功能,如需将智能体浏览地址变更为自己的域名,可在 Zion 编辑器 – 发布区域配置自定义域名,目前自定义域名支持阿里云备案的域名。

如果这个“Coze 变现模板”正是你所需要的,那就别犹豫了,登录 Zion 开发平台,动手创建你的专属变现应用吧!

相关链接

Zion无代码开发工具:functorz.com/

Coze平台:coze.cn/

体验链接:

4n76rxk0l11w5.cave.functorz.com

帮助文档:

functorz.feishu.cn/wiki