百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

3行代码将DeepSeek接入微信小程序,腾讯云又上新招了

yund56 2025-05-26 02:48 10 浏览

编辑 | Panken

智东西2月12日消息,2月11日,腾讯云开发宣布能力上新,开发者能够基于最新的小程序基础库,最少仅需输入3行代码,就可以将满血版DeepSeek大模型能力接入到小程序中,快速实现智能对话、文本生成等功能。其中,云开发新用户首月套餐免费,并享有100万token

据介绍,开发者可以通过SDK直接调用大模型,在小程序中构建文本生成、智能补全、智能翻译等应用场景;也可以通过SDK调用智能体对话能力,结合配置欢迎语、提示词、知识库等对话能力模块,打造专门的AI对话场景。

云开发提供了一整套接入智能体的API接口,包括基础对话、对话历史保存、对话反馈收集、次轮问题推荐等,方便开发者快速接入。开发者也可以基于云开发提供的成熟UI组件,快速在小程序中植入AI对话能力。

据了解,云开发的AI能力不仅能接入小程序,还支持微信订阅号、服务号、小程序客服等多种微信生态能力的接入,并将在近期支持企业微信的接入。

此外,云开发后续计划推出工具调用、多Agent串联、工作流编排等AI能力,进一步方便开发者打造小程序智能应用。

云开发支持DeepSeek接入小程序教程:

准备工作

1、注册一个微信小程序账号,并且创建本地小程序工程项目;

2、小程序基础库需要在3.7.1及以上版本,具备 wx.cloud.extend.AI 对象;

3、小程序需要开通「云开发」,可在小程序开发工具中点击工具栏里的「云开发」按钮进行开通,并创建环境(PS:对于首次使用云开发的用户,第一个月套餐免费):

指引一:调用大模型,实现文本生成

在小程序中,直接调用大模型的文本生成能力,实现最简单的文本生成。

这里以一个“七言绝句”生成器的简单Demo为例:

第1步:初始化云开发环境

在小程序代码中,通过以下代码进行云开发环境初始化:

其中 “<云开发环境ID>” 需替换为实际云开发环境ID。初始化成功后,就可使用 wx.cloud.extend.AI 调用 AI 能力。

第2步: 创建AI模型,并调用生成文本

在小程序基础库3.7.1及以上,以调用DeepSeek-R1模型为例,小程序端的代码如下:

仅需几行小程序代码,就可以通过云开发直接调用大模型的文本生成能力。

指引二:通过Agent(智能体)实现智能对话

通过调用大模型的文本生成接口,可以快速实现一问一答的场景。但对于一个完整的对话功能来说,仅仅有一个大模型的输入、输出还不够,还需要把大模型变为完整的Agent,才能更好地与用户进行对话。

云开发的AI能力不仅提供了原始的大模型接入,还提供了Agent接入的能力,开发者可以在云开发上定义自己的Agent,然后通过小程序直接调用Agent进行对话。

第1步:初始化云开发环境

在小程序代码中,通过以下代码进行云开发环境初始化:

其中 “<云开发环境ID>” 需替换为实际云开发环境 ID。初始化成功后,就可使用 wx.cloud.extend.AI 调用 AI 能力。

第2步:创建一个Agent

进入云开发平台,创建一个新的Agent。

这里可以选择模板创建,也可以自行输入提示词和欢迎语,创建一个自定义的Agent。

为了简单,我们直接创建一个模板:

点击页面中上方的“复制 ID”,我们会获得一个 bot-id,即Agent的唯一标识,在下面的代码中会用到。

第3步:在小程序中实现与Agent的对话

刚才创建了一个“小程序开发专家”的Agent智能体,下面来试试与它进行对话,看他能不能处理云开发常见的报错问题。

在小程序中,使用以下代码直接调用刚刚我们创建的Agent,进行对话:

我们也可以把对话内容记录下来,重复调用Agent的接口,从而实现多轮对话。

第4步:实现更加丰富的聊天功能

云开发的Agent不仅有多轮对话的能力,我们在SDK中还提供了实现对话所需的多种能力,包含:

  • 获取聊天记录发送、获取用户反馈获取推荐次轮问题

下面是一些代码示例:

获取聊天记录

传入 botId、分页信息和排序方式,获取指定Agent的聊天记录。

发送反馈与获取反馈

发送用户反馈:

获取次轮推荐问题

data 参数中设置 botId 和用户消息 msg,通过遍历 textStream 获取推荐问题。

云开发在SDK中提供了一整套接入Agent(智能体)的API接口,包括基础对话、对话历史保存、对话反馈收集、次轮问题推荐等。小程序开发者可在云开发平台中创建Agent,然后在小程序前端代码中直接调用 wx.cloud.extend.AI 下的各类接口直接与Agent进行交互。

指引三:使用云开发AI对话组件,快速接入AI对话

为了方便开发者快速在自己的小程序里实现AI对话功能,云开发提供了一个AI对话的小程序组件供开发者直接使用,效果如下图:

第1步:下载对话组件代码包,并安装依赖

组件下载地址:
https://weda.cloud.tencent.com/ai-resource/agent-ui.zip

下载组件包后,解压,然后将组件包放入小程序项目内,假设放在小程序根目录下的components/agent-ui目录下:

由于对话组件的体积较大,开发者使用小程序子包的形式来引入。在小程序项目的app.json中,我们引入组件包:

在小程序根目录,运行以下命令,安装组件依赖:

然后点击小程序开发工具菜单栏的「工具」-「构建NPM」,等待构建成功。

第 2 步:对话组件初始化

接下来在小程序中使用上文里植入的对话组件。

首先实现对话组件的异步加载,以及初始化,这个流程推荐放在小程序的onLaunch生命周期中:

第3步:创建新页面,引入组件,实现对话交互

创建一个新的小程序页面,作为对话组件的载体。

在页面的index.json配置文件中,我们声明引入对话组件:

随后便可以直接在页面中使用AI对话组价了:

五、总结

这篇文章一共介绍了云开发的三种方式接入大模型,分别适用于不同的场景:

1. 通过SDK直接调用大模型:适用于非对话类的通用场景,如文本生成、智能补全、智能翻译等。

2. 通过SDK调用Agent(智能体)对话能力:这种方式适合专门的AI对话场景,支持配置欢迎语、提示词、知识库等对话中需要的能力。

3. 使用AI对话组件:这种方式对于专业前端开发者更友好,可以基于云开发提供的UI组件,快速在小程序中植入AI对话能力。

以上的三种小程序接入AI的方式,云开发将完整的代码示例放在了代码仓库中:

Gitee:https://gitee.com/TencentCloudBase/cloudbase-ai-example
Github:https://github.com/TencentCloudBase/cloudbase-ai-example

不只是小程序,云开发的AI能力也支持通过Web应用、Node.js、 HTTP API来对大模型进行调用,可以参考以下文档:

Web应用接入:
https://docs.cloudbase.net/ai/sdk-reference/init

Node.js接入:
https://docs.cloudbase.net/ai/sdk-reference/init

HTTP API接入:
https://docs.cloudbase.net/http-api/ai-bot/ai-agent-%E6%8E%A5%E5%85%A5

腾讯云开发主页:
https://tcb.cloud.tencent.com/

云开发官方文档:
https://docs.cloudbase.net/

相关推荐

没有获得Windows 10 20H2升级通知,怎样直接升级

微软公司已经正式发布Windows1020H2操作系统,在正常情况下,微软只会首先推送到少量电脑,然后一边推送一边采集遥测数据。收集遥测数据可以确定哪些电脑可以更新,哪些电脑在更新后可能会失败,微...

不想让人随便卸载你安装的程序,用这四招,他将无计可施

Windows10不提供设置删除应用程序限制的功能,有几种间接方法可以防止用户删除操作系统中的程序和游戏。一、WindowsInstaller服务使用Windows工具,可以部分限制用户的权限。如...

一文看懂苹果全球开发者大会 五大系统全面升级

来源:环球网【环球网智能报道记者张阳】北京时间6月23日凌晨1点,苹果全球开发者大会(WWDC2020)如期举行,还是那个熟悉的乔布斯剧院,依旧是高水准的视频展示,但是这届WWDC,却是苹果历史...

无需等待微软分批推送,23H2可借助注册表快速获取Win11 24H2更新

IT之家10月15日消息,Windows1124H2正在分批推送,但由于存在多种Bug,微软已经开始放缓其推送节奏。WindowsLatest发现,Windows1123H2...

办公小技巧:剑走偏锋 PPT中打造动态图表

年底到了少不了又要制作各种总结报表,为了让自己的报表与众不同,我们可以借助PowerPoint动画组件+报表的方式,打造出更为出彩的动态图表。下面以PowerPoint2016为例,介绍如何使用三维...

文档表格 版本差异何在

在办公过程中,对文档或表格的修改是司空见惯的事。那么,一份文档做了内容改动,如何知道差异在哪里?一份表格改动部分数据,如何知道哪些有所变动?不要说审阅和修订功能,因为不是所有人都会用这些功能来标注的,...

Excel VBA自制日历组件16色可选 完美替代VBA日期控件

本日期组件可跟随单元格跟随窗体中ActiveX文本框组合框控件16种配色可选私信回复880日历可体验效果使用说明1打开自己需要应用日历面板的Excel表,注意必须是启用VBA的格式2在...

如何从交互角度读懂产品需求文档

作为设计师,理解产品经理提供的需求文档是交互设计工作的重要前提与起点,然而对于很多设计师来说,需求文档内容通常非常复杂,设计师们需要花费大量时间去消化、理解和归纳。本文作者结合公司示例,分析设计师如何...

植入让文档变得更强大

有效地利用文档置入技术,会让我们的常用文档功能变得更加强大,实现更加高效或有趣的应用。1.写字板文档嵌入其他文档有时,我们要组织一个大型的文档,但是这些文档的内容可能来自于不同种类的文档编辑器,比如...

Office 2016滚动文本框 顺手就来

【电脑报在线】如果一页PPT内容较多无法在完全显示,就需要用到滚动文本框,在PPT2016中借助控件即可快速制作滚动文本框。在“告诉我你想要做什么”输入“文本框控件”,在搜索结果点击“文本框(Acti...

Axure的多状态复选树

本文将详细介绍如何在Axure中实现一种增强型的多状态复选树组件,它不仅支持全选、半选和未选等状态,还具备动态加载、关键字筛选等高级功能。多状态复选树(Multi-StateCheckboxTre...

办公小技巧:PPT中控件图表巧联动

在利用PPT进行图表演示时,操作者有可能要与图表进行交互联动,比如通过输入数据来预测产品的生产情况等,这时就需要用到“开发工具”中的控件了。几个控件配合几句VBA代码,就可以轻松实现上述交互联动效果(...

用好插件——找回火狐的旧功能

现在的软件,特别是浏览器类软件,更新换代速度都很快,而且无论是外观界面还是系统组件都会有较大的变化,这样会让很多朋友无所适从。以大家常用的火狐浏览器为例,它就已经升级到了最新的35版,而且在新版中对很...

重新认识控件(二)

图片和文字,都是一种数据形式。我平时对文本框的录入,报错和提交的设计比较多。最近涉及到图片控件的设计,细细琢磨一下,这玩意还有一些平时没太注意的细节点,感觉对于其他控件的设计有指导意义,特此总结一下传...

JSA宏教程——在文档中添加复合框控件

上一期,我们初步认识了控件Control,本节我们将继续控件的相关内容。这几期我们将逐一介绍相关控制。本节先介绍复合框(也叫组合框)Combobox。复合框的作用复合框就是一个下拉选项框,一次显示一个...