使用云开发平台 0 代码开发一个 AI 智能助手小程序

前言

人工智能的迅猛发展，正在深刻改变我们的生活与工作方式。如今，各类 AI 工具层出不穷，为学习、办公和娱乐等场景带来了显著的效率提升。而在这些工具中，AI Agent（智能体）以其灵活的定制化能力和多场景适用性，展现出极大的发展潜力。

AI Agent 可以根据特定需求进行高度个性化的定制，从聊天助手到专业顾问，应对多样化任务的同时提供高效、智能、易扩展的解决方案。无论是简化繁琐工作，还是辅助决策与创意生成，AI Agent 都已成为推动智能化变革的重要工具。

如果你想开发一个属于自己的 AI 智能体工具 —— 一个能够整合多个 AI Agent 的平台，帮助提升生活和工作的效率，那么 腾讯云云开发平台 将是理想开发工具的选择。通过 0 代码开发，你可以轻松构建一个功能丰富、操作简便的 AI 智能助手小程序。

本文将带你全面了解如何利用云开发平台，从应用的搭建到智能体的配置，再到最终的发布，全流程完成一个 AI 智能助手的开发。

准备好了吗？准备一杯你最喜欢的咖啡或茶，随着本文一探究竟吧。

腾讯云云开发

云开发（Tencent CloudBase，TCB）是腾讯云提供的一站式云原生开发平台和工具，旨在帮助开发者高效构建和管理后端服务和云资源。它提供了包括计算、存储、托管等 Serverless 化能力，支持云端一体化开发多种端应用，如小程序、公众号、Web 应用等。

云开发核心能力

• 基础能力：提供云函数、云数据库、数据模型、AI 等功能的 HTTP 接口，帮助开发者实现后端业务逻辑。
• 扩展性：API 设计考虑了未来功能的扩展，确保长期兼容性。
• 云后台：提供了一套基础的业务运营管理系统和低代码开发工具，支持小程序后台管理、微信支付管理、公众号管理等场景。
• 前端应用层：开发者的应用前端可以通过 API 与云开发平台交互。
• API 层：处理 API 请求的入口，提供请求路由、认证等功能。
• 后端服务层：实现具体业务逻辑，如云函数、云数据库、数据模型、AI 等业务模块。
• 数据存储层：包括云存储和云数据库，用于存储用户数据，保证数据的持久化和安全性。

云开发平台适用于多种开发场景，包括移动应用开发、Web 应用开发和游戏开发等，帮助开发者降低开发门槛，提高开发效率。

小程序准备工作

注册小程序账号

开发小程序的第一步是注册并拥有一个小程序账号，这一账号将用于管理和运营你的小程序。

注册流程

• 访问注册页面 前往 小程序注册页，按照页面指引填写必要信息，并提交相关资料，即可开始创建小程序账号。
• 填写账号信息 按照要求输入账号基本信息，包括邮箱地址、密码等。

• 激活邮箱 登录你的邮箱，查收激活邮件并点击邮件中的激活链接。激活后，将自动跳转到 信息登记 步骤。

• 信息登记
  • 根据你的需求选择合适的主体类型。
  • 完整填写主体信息。
  • 使用微信扫码验证管理员身份。
  • 完成所有信息后，点击“继续”提交。

• 完成创建 当信息提交成功后，你的账号注册流程即告完成。此时，你可以登录 微信公众平台，正式开始管理和开发你的小程序。

完善小程序信息

在成功创建小程序账号后，点击 前往小程序 按钮，开始完善小程序的相关信息。

信息提交后，进入小程序的首页，在后台进一步补充完善小程序的基础信息，如类目、备案等。

云开发平台准备工作

使用云开发平台

访问 腾讯云开发官网，点击 免费试用 或右上角的 云开发平台 按钮，进入云开发平台主页。

创建环境

首次使用云开发平台时，需要创建一个开发环境。按照以下步骤操作：

• 点击创建环境按钮 进入云开发主页后，点击页面上的 创建环境 按钮。

• 进入云开发控制台 点击按钮后，系统会跳转至 云开发控制台 页面。如果是第一次使用云开发控制台，需要根据指引完成开通流程。

• 创建云开发环境 开通云开发后，进入环境创建页面。点击 新建 按钮，选择个人版套餐，填写环境名称。 新用户 可免费试用一个月，如果不需要自动续费，可以取消“自动续费”选项。最后点击 立即开通 按钮完成操作。

完成以上步骤后，环境创建成功。

小程序认证

为了后续将应用发布到小程序平台，需要完成小程序认证流程。

步骤

• 获取托管信息 登录小程序管理后台，获取相关托管信息。

• 配置服务器域名 按照要求，填写托管信息并配置服务器域名。确保域名符合平台规范。

• 提交认证 访问 小程序认证 页面，点击 全托管授权小程序，填写所有必要信息后，点击 确定 按钮，即可完成小程序的认证。

AI 智能助手小程序

AI 智能助手小程序 是一个基于 腾讯云云开发平台 构建的应用，旨在通过集合多个 AI Agent（智能体）为用户提供高效、智能的服务。用户可以在小程序中快速访问各种智能体功能，从 AI面试一对一 到 找电影 等，满足工作和生活中的多样化需求。

创建 AI 智能体

在后续创建小程序应用时，将需要用到 AI Agent，因此需提前完成创建。

步骤

• 前往 AI+ 页面 前往 云开发云平台 的 AI+ 模块，选择 接入自定义能力。

• 创建 AI Agent 切换到 Agent 标签页，点击 去新建 按钮，进入 AI Agent 的新建页面。

• 自定义 Agent 选择 空白 Agent，手动填写名称和描述，定义一个自定义的 AI Agent。

• 使用模板 除了自定义 Agent 的方式以外，还可以从平台提供的模板中选择一个，例如 AI 面试一对一 模板。

• 编辑 Agent 模板 即便选择了平台提供的 Agent 模板，我们仍可以对其属性进行编辑，例如 人设与回复约束、和 知识库 等内容。编辑完成后，保存即可生效。

创建应用

通过 微搭低代码 模块中的 可视化开发 功能，新建一个小程序应用。

进入模块后，选择 从空白新建，即可开始创建你的 AI 智能助手小程序。

主页设计

在设计主页时，可以利用 区块 功能中的 卡片列表页 模板，进行快速设计：

• 选择模板：打开区块库，找到并添加 卡片列表页 模板。

• 自定义调整：调整卡片样式和内容布局，生成适合的 AI 智能体列表页。

绑定 AI Agent

完成 AI 智能体列表页后，接下来是绑定对应的 AI Agent 对话页面。具体包括以下两个步骤：

为 AI 智能体创建独立页面

• 新建页面 点击左上角的 新建页面 图标，选择 空白页面，填写页面 标题 和 页面 ID。

• 添加布局组件 添加布局组件并删除布局标题，保留顶部的 icon，用于 返回上一页。

• 添加 Agent UI 区块 在区块中搜索 Agent UI，将其添加到新页面中。

• 配置 Agent ID 在 配置项 中，填写对应的 Agent ID（可在 Agent 编辑页中获取）。

完成以上步骤，我们就为 AI 智能体创建好了独立页面。

将 AI Agent 页面与主页卡片进行绑定

• 配置点击事件 为主页上的 AI Agent 卡片 添加点击事件： - 打开 配置 标签页。 - 添加 点击事件，选择 页面交互 下的 打开页面 选项。

• 设置跳转目标 在事件配置表单中，选择刚才创建的 AI Agent 页面（如 AI 面试一对一 页面），并保存配置。

完成绑定后，用户点击主页卡片即可跳转到对应的 AI Agent 页面，实现与智能体的交互。

效果预览

完成以上步骤，一个简单的 AI 智能助手小程序 就创建完毕了，我们通过 预览 功能看看具体效果。

发布应用

当应用开发完成后，我们可以将其发布到微信小程序平台进行预览和测试，以查看实际效果。

发布步骤

• 点击发布按钮 在应用开发页面的右上角，点击 发布 按钮。
• 选择发布到小程序
  • 在弹出的菜单中，选择 发布到小程序。
  • 从下拉列表中选择你已完成认证的小程序账号。
• 选择发布版本
  • 选择 体验版 作为发布版本（推荐用于测试）。
  • 确认发布选项后，点击 确认。

• 等待发布完成 平台将自动构建并发布应用。完成后，你会看到生成的二维码。

• 扫码体验 使用微信扫描二维码，即可进入小程序体验版，查看实际效果。

效果预览

在完善小程序信息（包括 小程序基本信息、小程序类目、小程序备案 和 微信认证）后，你便可以发布正式版小程序。正式发布后，用户即可通过微信直接搜索小程序名称进行访问和使用。

小结

本文详细介绍了如何使用 腾讯云云开发平台，以 0 代码开发 的方式构建一个功能强大的 AI 智能助手小程序。从基础准备工作到实际开发，全面覆盖了以下关键内容：

• 小程序账号创建：在 微信小程序平台 创建并认证账号，为小程序的管理和运营打下基础。
• 云开发环境搭建：使用腾讯云云开发平台，创建并配置适合小程序的开发环境。
• AI Agent 创建：通过 AI+ 模块，定制化生成智能体，并根据需求配置其行为和知识库。
• 小程序应用设计：借助 微搭低代码 平台的 可视化开发 功能，快速搭建小程序界面，包括主页设计和智能体绑定。
• 应用测试与发布：完成开发后，在线预览查看应用效果，没有问题后发布体验版（默认部署在微搭环境），预览小程序效果。

通过本教程，你可以从零开始，快速完成一个 AI 智能助手小程序的开发和上线，既适合个人学习，也适用于团队项目或企业应用场景。

你好，我是陈明勇，一名热爱技术、乐于分享的开发者，同时也是开源爱好者。

成功的路上并不拥挤，有没有兴趣结个伴？

关注我，加我好友，一起学习一起进步！