Loading [MathJax]/jax/output/CommonHTML/config.js
部署DeepSeek模型,进群交流最in玩法!
立即加群
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >3行代码搞定微信小程序接入DeepSeek满血版!

3行代码搞定微信小程序接入DeepSeek满血版!

作者头像
陈宇明
发布于 2025-02-26 13:45:08
发布于 2025-02-26 13:45:08
588010
代码可运行
举报
文章被收录于专栏:设计模式设计模式
运行总次数:10
代码可运行

前言

由于最近 DeepSeek 火爆出圈,我相信大多数的微信小程序开发者开工第一个任务就是接入DeepSeek能力到自家的小程序产品中,接下来我分享下微信小程序快速接入DeepSeek的方法!

步骤

首先打开「微信开发者工具」进入左上角的「云开发」开通环境

开通成功后可以云开发的控制台页面获取环境ID

第一步:初始化,建议放在app.js里面

代码语言:javascript
代码运行次数:2
运行
AI代码解释
复制
// 微信小程序基础库从 3.7.1 版本开始内置了云开发 AI+ 能力,开发者可以直接通过小程序中的 wx.cloud.extend.AI 调用。在使用基础库 AI+ 能力前,需要传入云开发环境进行初始化。
wx.cloud.init({
  env: "环境ID"
});
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
第二步:在需要使用的页面添加调用DeepSeek代码
代码语言:javascript
代码运行次数:4
运行
AI代码解释
复制
// 创建模型
const model = wx.cloud.extend.AI.createModel("deepseek"); 
const res = await model.generateText({
  model: "deepseek-r1",
  messages: [{ role: "user", content: "9.9和9.11谁更大?" }],
});
console.log(res);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
请求返回,可以看到输出了的message中有思维链内容和结果内容

以上这种方式是直接获取结果方式,如果做实时打印的效果,可以用流式使生成文本

代码语言:javascript
代码运行次数:3
运行
AI代码解释
复制
// 创建模型
const model = wx.cloud.extend.AI.createModel("deepseek"); 
const res = await model.streamText({
  data: {
    model: "deepseek-r1",
    messages: [
      {
        role: "user",
        content: "9.9和9.11谁更大?"
      }
    ]
  }
});
// 当使用 deepseek-r1 时,模型会生成思维链内容
for await (let event of res.eventStream) {
  if (event.data === '[DONE]') {
    continue;
  }
  const data = JSON.parse(event.data);
  // 打印思维链内容
  const think = (data?.choices?.[0]?.delta)?.reasoning_content;
  if (think) {
    console.log(think);
  }
  // 打印生成文本内容
  const text = data?.choices?.[0]?.delta?.content;
  if (text) {
    console.log(text);
  }
}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
到这里微信小程序加入DeepSeek满血版能力就搞定了!

编排AI智能体(Agent)

在实际业务中不仅仅是接入还需要用到给DeepSeek结合业务封装一个AI智能体,其中包含人设与回复约束以及相关专业知识库。

这个时候首先进入云开发后台进行AI智能体的编排。

云开发地址:https://tcb.cloud.tencent.com/dev

进入云开发后后台找到【AI+】模块,然后可以新增Agent设置DeepSeek-671B模型,设置人设与回复逻辑和知识库,详细可见《如何快速开发一款AI小程序?》,这篇文章详细介绍了AI智能体的创建与知识库的设置。

当我们编排好了Agent,在前端业务代码中如何调用呢?

以我创建好的【小红书爆款文案】智能体为例,可以在右边【接入引导】区域选中【SDK

这里面提供了详细的接入代码,直接复制使用即可,包含了以下功能

下面所有功能都需要智能体ID,获取智能体ID方式如下:

发送消息

代码语言:javascript
代码运行次数:1
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.sendMessage({
  data: {
    botId: '智能体ID',
    msg: "你是谁"
  }
})
for await (let x of res.textStream) {
  console.log(x)
}
代码语言:javascript
代码运行次数:0
运行
复制

获取 Agent 信息

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.get({ botId: "智能体ID" });
console.log(res);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
查看与 Agent 的聊天记录
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.getChatRecords({
  botId: "智能体ID",
  pageNumber: 1,
  pageSize: 10,
  sort: "asc",
});
console.log(res);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
对某一条聊天记录进行反馈
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.sendFeedback({
  userFeedback: {
    botId: "智能体ID",
    recordId: "recordId-xxx",
    comment: "非常棒",
    rating: 5,
    tags: ["优美"],
    aiAnswer: "落英缤纷",
    input: "来个成语",
    type: "upvote",
  },
});
console.log(res);

查看反馈记录

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.getFeedBack({
  botId: "智能体ID",
  from: 0,
  to: 0,
  maxRating: 4,
  minRating: 3,
  pageNumber: 1,
  pageSize: 10,
  sender: "user-a",
  senderFilter: "include",
  type: "upvote",
});
console.log(res)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
获取 Agent 推荐问题
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const res = await wx.cloud.extend.AI.bot.getRecommendQuestions({
  data: {
    botId: "智能体ID",
    msg: "你是谁"
  }
})
for await (let x of res.textStream) {
  console.log(x)
}
代码语言:javascript
代码运行次数:0
运行
复制

一键导入AI对话组件

除此之外如果还需要对话界面,可以进入「可视化开发」模块

选择「从空白创建」应用,进入应用编辑台找到最右边的「区块」搜索「Agent」选中「Anget-UI」

然后在配置里面输入智能体ID即可

确认没有问题后,可以右上角「发布」选中「导出代码包」根据「使用指引」接入到自家微信小程序产品中

前端AI智能体对话界面代码直接拿来就用!

最后

这样一来从接入DeepSeek能力到根据业务定制化DeepSeek智能体再到AI对话界面统统搞定了!下班!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-02-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 码个蛋 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
用三行代码将DeepSeek 接入小程序| 腾讯云开发官方指南
随着 DeepSeek 近期的爆火,有越来越多的小程序开发者也想将自己的小程序接入 DeepSeek,实现智能对话、文本生成等功能,这篇文章就教大家如何通过腾讯云开发这个平台来快速接入 DeepSeek。
腾讯云开发TCB
2025/02/13
8.1K8
用三行代码将DeepSeek 接入小程序| 腾讯云开发官方指南
三行代码把DeepSeek接入小程序
随着 DeepSeek 近期的爆火,有越来越多的小程序开发者也想将自己的小程序接入 DeepSeek,实现智能对话、文本生成等功能,这篇文章就教大家如何通过腾讯云开发这个平台来快速接入 DeepSeek
腾讯云开发TCB
2025/02/18
3340
三行代码把DeepSeek接入小程序
10行代码实现微信小程序支付功能,使用小程序云开发实现小程序支付功能(含源码)
我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。
编程小石头
2019/08/13
2.4K1
10行代码实现微信小程序支付功能,使用小程序云开发实现小程序支付功能(含源码)
如何快速开发一款AI小程序?
在这个AI时代,结合AI做新的产品或基于你先有的业务加入AI能力,这个是趋势所在,那么如何更快的接入AI能力?接下给大家分享下云开发AI+的集成方式
腾讯云开发TCB
2024/11/07
2290
如何快速开发一款AI小程序?
如何快速搭建AI小程序?
在这个AI时代,结合AI做新的产品或基于你先有的业务加入AI能力,这个是趋势所在,那么如何更快的接入AI能力?接下给大家分享下云开发AI+的集成方式
陈宇明
2024/11/06
4980
如何快速搭建AI小程序?
​002微信小程序云开发API数据库-导出
在微信小程序中,我们可以通过云开发API数据库的功能,直接在小程序中使用云端数据库。有时,我们可能需要将数据库中的数据导出到本地,以便进行数据分析或备份。本文将通过案例和代码的方式,详细介绍微信小程序云开发API数据库的导出方法。
度假的小鱼
2023/11/29
4160
​002微信小程序云开发API数据库-导出
2024年11月最新版微信小程序支付功能,使用小程序云开发10行代码实现小程序支付功能(含源码和步骤)
我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。
编程小石头
2024/11/14
1460
实战丨如何制作一个完整的外卖微信小程序开发项目(已开源)
一开始项目并非基于云开发而开发的,目前考虑用云开发,因此,需要在项目中开启云开发的相关选项。
腾讯云开发TCB
2020/07/29
4.3K0
实战丨如何制作一个完整的外卖微信小程序开发项目(已开源)
不写一行代码就能将满血DeepSeek接入微信生态
微搭低代码:https://weda.cloud.tencent.com/index
腾讯云开发TCB
2025/02/24
2850
不写一行代码就能将满血DeepSeek接入微信生态
10行代码实现小程序支付功能!丨实战
我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。
腾讯云开发TCB
2019/08/15
11.7K3
云开发时代,前端程序员太幸福了!
国庆假期后的第一天,老板把前端开发张大胖叫到办公室,给他派了一个小活儿:“给客户开发一个电子商城的小程序。”
腾讯云开发TCB
2024/11/03
930
云开发时代,前端程序员太幸福了!
微信小程序--云开发支付闭环
云开发支付流程闭环 extends 微信小程序--使用云开发完成支付闭环 在上述文章中,我们对支付结果的处理更多依赖于小程序端的操作 订单号存储在小程序端 支付结果采用小程序端定时触发器轮询
Kindear
2021/06/10
4.1K0
微信小程序--云开发支付闭环
小程序消息推送x微搭低代码,微信消息推送快速上手实操教程
近期有很多同学关注小程序消息推送的问题,今天就简单介绍下微搭低代码开发的小程序应用如何实现微信订阅消息的推送,目前方案有两种:
漫话开发者
2023/01/02
2K0
小程序消息推送x微搭低代码,微信消息推送快速上手实操教程
DeepSeek 3行代码接入小程序、10秒开口说话!
腾讯云开发上新,最少仅需3行代码,开发者就能将「满血」DeepSeek 接入微信小程序里,实现智能对话、文本生成等多种功能;云开发新用户还享有首月套餐免费和100万 token 的「福利」。
腾讯云开发者
2025/02/18
4120
DeepSeek 3行代码接入小程序、10秒开口说话!
小程序-云开发-实现微信云支付功能
对于支付下单在小程序当中是一个非常重要的功能,在未接入云支付之前,想要实现一个支付下单的功能,借助微信官方提供的wx.requestPayment()这个接口,发起微信支付
itclanCoder
2020/10/28
10.8K1
小程序-云开发-实现微信云支付功能
简单几步,让微信小程序变身 H5 网页? | 云开发实战
我是 盛瀚钦,沪江 CCtalk 前端开发工程师,Taro 框架的 issue 维护志愿者,主要侧重于前端 UI 编写和团队文档建设。
腾讯云开发TCB
2020/03/31
6.6K0
简单几步,让微信小程序变身 H5 网页? | 云开发实战
前端微信小程序云开发基础讲解
云开发是微信团队联合腾讯云提供的原生serverless云服务,致力于帮助更多的开发者快速实现小程序业务的开发,快速迭代。
达达前端
2022/04/29
6670
前端微信小程序云开发基础讲解
小程序的聊天机器人与AI助手
随着人工智能技术的发展,聊天机器人和AI助手已经在许多应用场景中得到了广泛的应用。在微信小程序中,集成聊天机器人或AI助手可以大大提升用户体验,提供智能化的服务。无论是客服支持、信息查询,还是个性化推荐,聊天机器人和AI助手都能发挥重要作用。
LucianaiB
2025/02/10
2750
003微信小程序云开发API数据库-新增集合-删除集合-获取集合信息
微信小程序云开发API数据库是一个方便快捷的数据库解决方案,可以让开发者在小程序中直接使用云端数据库功能,无需自己搭建和管理服务器。在微信小程序云开发API数据库中,我们可以创建新的集合,以便存储和管理相关的数据。本文将通过案例和代码的方式,详细介绍微信小程序云开发API数据库的新增集合方法。
度假的小鱼
2024/12/23
2420
003微信小程序云开发API数据库-新增集合-删除集合-获取集合信息
腾讯云开发技术总结及核心功能概览
在现代应用开发中,开发者们越来越倾向于寻找能简化开发、测试、发布的高效解决方案。腾讯云的云开发(CloudBase)平台提供了一整套云端开发、调试和部署的能力,尤其在一体化开发、跨平台支持和低代码应用构建方面展现了显著优势。本文将探索腾讯云开发的核心优势、功能特色,并通过示例代码展示其在实际应用中的操作流程。
用户11320232
2024/11/12
1851
推荐阅读
相关推荐
用三行代码将DeepSeek 接入小程序| 腾讯云开发官方指南
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验