评论

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

小程序快速接入DeepSeek实践

前言

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

步骤

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

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

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

// 微信小程序基础库从 3.7.1 版本开始内置了云开发 AI+ 能力,开发者可以直接通过小程序中的 wx.cloud.extend.AI 调用。 在使用基础库 AI+ 能力前,需要传入云开发环境进行初始化。
wx.cloud.init({
  env: "环境ID"
});

第二步:在需要使用的页面添加调用DeepSeek代码

// 创建模型
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);

请求返回,可以看到输出了的message中有思维链内容和结果内容

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

// 创建模型
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);
  }
}

到这里微信小程序加入DeepSeek满血版能力就搞定了!

编排AI智能体(Agent)

在实际业务中不仅仅是接入还需要用到给DeepSeek结合业务封装一个AI智能体,其中包含人设与回复约束以及相关专业知识库。这个时候首先进入云开发后台进行AI智能体的编排。
云开发地址:https://tcb.cloud.tencent.com/dev
进入云开发后后台找到【AI+】模块,然后可以新增Agent设置DeepSeek-671B模型,设置人设与回复逻辑和知识库,详细可见《如何快速开发一款AI小程序?》,这篇文章详细介绍了AI智能体的创建与知识库的设置。

当我们编排好了Agent,在前端业务代码中如何调用呢?
以我创建好的【小红书爆款文案】智能体为例,可以在右边【接入引导】区域选中【SDK】

这里面提供了详细的接入代码,直接复制使用即可,包含了以下功能下面所有功能都需要智能体ID,获取智能体ID方式如下:

发送消息

const res = await wx.cloud.extend.AI.bot.sendMessage({
  data: {
    botId: '智能体ID',
    msg: "你是谁"
  }
})
for await (let x of res.textStream) {
  console.log(x)
}

获取 Agent 信息

const res = await wx.cloud.extend.AI.bot.get({ botId: "智能体ID" });
console.log(res);

查看与 Agent 的聊天记录

const res = await wx.cloud.extend.AI.bot.getChatRecords({
  botId: "智能体ID",
  pageNumber: 1,
  pageSize: 10,
  sort: "asc",
});
console.log(res);

对某一条聊天记录进行反馈

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);

查看反馈记录

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)

获取 Agent 推荐问题

const res = await wx.cloud.extend.AI.bot.getRecommendQuestions({
  data: {
    botId: "智能体ID",
    msg: "你是谁"
  }
})
for await (let x of res.textStream) {
  console.log(x)
}

一键生成AI对话组件

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

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

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

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

前端AI智能体对话界面代码直接拿来就用!
除此之外也可以在微信开发者工具中新建小程序模板,选择 Agent UI 源码模板

最后

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

相关推荐

DeepSeek应用场景深度分析

最后一次编辑于  02-19  
点赞 1
收藏
评论

3 个评论

  • LM
    LM
    发表于小程序端
    03-25

    能不能切换成其他版本?不搞满血版会不会快一点?可是其他版本的应该怎么设置呢?坐等大神

    03-25
    赞同
    回复
  • ck
    ck
    02-27

    deepseek每次响应都得两分钟,好慢,有啥解决方法没


    02-27
    赞同
    回复 1
    • 人来人往
      人来人往
      03-04
      我的也是,加载很慢
      03-04
      回复
  • 彪悍灬人生
    彪悍灬人生
    02-20

    你开头没说清楚 我打开里面创建项目 云开发都被禁用了 不知道怎么打开

    02-20
    赞同
    回复 1
    • Hayley
      Hayley
      02-23
      找下官方客服助手,看看是什么原因
      02-23
      回复
登录 后发表内容