微信开发者

Hi AI,和云开发一起「深度思考」吧!

技术发展日新月异,越来越多的开发者想将自己的小程序接入 AI 智能能力,实现诸如智能客服、知识库问答、个性化文案等场景。

但在实际开发中,接入 AI 能力并不是一件容易的事情:

  1. 前端实现复杂: Agent 输出的响应往往是流式的,链路传输复杂。UI 层面通常需要实现 Markdown 渲染、打字机流式输出、思维链展示等功能,工作量较大。

  2. Agent 搭建和托管繁琐: 实现生产级 Agent 往往需要用到知识库、函数调用、业务数据库、多媒体处理等能力,对于缺乏经验的开发者而言较难实现。

  3. 数据权限管理难: 企业知识库、个人问题问答等场景中,需要实现比较严谨的数据权限管控,在 AI 访问数据过程中实现精细的权限控制是一个比较有难度的事情。

为了帮助开发者解决以上 AI 接入过程中的问题,微信云开发全新推出 AI 拓展能力,提供从前端小程序到后端 Agent 搭建一整套能力,助力微信开发者快速将 AI 能力集成到自己的小程序或多端应用内。

通过云函数拓展接口,直接调用大模型能力

我们提供了全新的extend 扩展接口,方便开发者云调用拓展能力。

例如,在小程序基础库 3.7.1 版本及以上,开发者可通过 wx.cloud.extend.AI 接口,直接调用大模型能力。

我们以一个“商品文案生成”为例:

// 初始化云开发环境wx.cloud.init({ env: "<云开发环境ID>" });// 创建模型实例,这里我们使用 DeepSeek 大模型const model = wx.cloud.extend.AI.createModel("deepseek");// 我们先设定好 AI 的系统提示词,这里以小店商品文案生成为例const systemPrompt ="作为家居产品专家,请生成小店商品销售文案:包含基础参数、核心功能、适用场景三部分,每部分用🔵图标开头,使用通俗易懂的语言,添加购买理由和促销信息,符合平台广告基础规范";// 用户的自然语言输入,如‘帮我生成一个智能台灯的商品文案’const userInput = "帮我生成一个智能台灯的商品文案";// 将系统提示词和用户输入,传入大模型const res = await model.streamText({  data: {    model: "deepseek-r1", // 指定具体的模型    messages: [      { role: "system", content: systemPrompt },      { role: "user", content: userInput },    ],  },});// 接收大模型的响应// 由于大模型的返回结果是流式的,所以我们这里需要循环接收完整的响应文本。for await (let str of res.textStream) {  console.log(str);}// 输出结果:// "💡 智能台灯产品说明:// 🔵 基础参数:100-1000流明无极调光,3000K-5000K色温自由切换,AAA级护眼认证n"// 🔵 核心功能:手机APP远程控制,兼容智能音箱语音操作,自动感光调节亮度// 🔵 使用场景:学生网课/办公加班/睡前阅读,三档色温满足不同需求// 🔵 购买理由:首发特惠立减150元,加赠价值49元床头夜灯// 🔵 售后保障:3年质保,30天无理由退换,专业客服在线指导// #健康照明 #智能家居 #学生必备 #办公室好物

但是对于一个完整的 AI Agent 智能体,仅调用接口实现文本生成是远远不够的,还需要:

  • 基础对话能力:基础对话、对话历史保存、对话反馈收集、获取推荐次轮问题

  • 上下文配置:配置欢迎语、提示词等对话中基础配置

  • 数据来源配置:配置联网搜索、知识库、关联数据库等数据来源

这就需要用到下面的 Agent 搭建能力。

通过 Agent(智能体)实现智能对话

云开发提供了 Agent 搭建能力,开发者仅需简单的在页面配置即可创建自定义 Agent:

  1. 选择大模型(当前已支持 腾讯混元/DeepSeek)

  2. 配置系统提示词与知识库

  3. 设置联网搜索、文件上传、关联数据库等数据扩展能力,以及相应的数据权限

  4. 在小程序中通过基础库接口接入 AI 对话

Image

下面是一个“小程序开发专家”的 Agent 示例,它能从知识库中寻找到匹配的文档,并且回答特定的小程序开发问题:

// 小程序端代码,基础库版本 >= 3.7.1
// 用户的输入,这里我们以某个报错信息为例
const userInput = "我的小程序这个报错是什么意思:FunctionName parameter could not be found";

const res = await wx.cloud.extend.AI.bot.sendMessage({
data: {
botId: "xxx-bot-id", // 在云开发平台创建的 Agent ID
msg: userInput, // 用户的输入
history: [] // 历史对话的内容,这里我们是第一轮对话,所以可以不传入
},
});
for await (let x of res.textStream) {
console.log(x);
}
// 输出结果:
// "### 报错解释\n"
// "**错误信息:** `FunctionName \n"
// "parameter could not be found` \n
// "这个错误通常表示在调用某个函数时,\n"
// "指定的函数名参数没有找到。具体来说,\n"
// "可能是以下几种情况之一:\n"
// ……

当然除了通过基础库接口对接以外,我们为了进一步方便开发者接入 Agent,云开发还提供了小程序的 AI 对话组件,开发者可以在小程序项目中引入,快速创建 AI 对话界面。

使用云开发 AI 对话组件,快速接入 AI 对话

云开发的 AI 对话组件包含以下功能:

  • 基础对话: 多行输入、流式输出、对话气泡、历史对话等

  • 多模型多模态: 支持深度思考、思维链展示、文件上传等

  • 用户反馈: 提供用户反馈弹窗,用于提交用户反馈,优化 Agent 服务质量

开发者可参考产品文档体验。

Image

现在就来体验一下!

在微信开发者工具中,点击「云开发」即可开通环境。

对于首次使用云开发的用户,可免费创建一个环境。

此外,我们还为环境内置了 100w 免费 AI Token 供广大开发者体验。

Image

通过云开发的 AI 拓展能力,我们大大简化了将 AI 能力集成到小程序中的开发难度。

通过 Agent UI 组件,开发者可以快速实现小程序 AI 对话的交互界面,而无需处理繁重的客户端、服务端传输逻辑。配合云开发的 Agent 搭建能力,开发者可以快速实现功能强大、贴合业务场景的 AI Agent智能体。

我们期待开发者能够基于微信云开发,创造出更多新的应用场景和用户体验。