qq机器人源码_手把手教你搭建自己的小程序机器人客服

最新推荐文章于 2025-03-19 17:11:26 发布

weixin_39816141

最新推荐文章于 2025-03-19 17:11:26 发布

阅读量1.9k

点赞数 2

文章标签： qq机器人源码客服会话小程序如何发起

本文详细介绍如何通过微信对话开放平台创建并配置机器人，包括创建机器人、技能配置、服务接入及小程序端的插件申请和部署步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天给大家讲一讲微信的新功能，微信对话开放平台的小程序对接及使用拓展方法！相当于有了一个手机版某爱同学了，功能真的不可谓不强大！还自带游戏功能，之后甚至可以根据游戏最后得分获得某奖励，无限YY中~

PS：不过现在的对话平台BUG一堆。。。。顶着左一个坑右一个坑向前艰难挺进。。。真和魔兽副本开荒一样。。。写这个太不容易了，您要感觉有点用处，请举起您珍贵的小手，点个赞吧

下面是我的示例图:

开通对话平台服务：

官网：https://openai.weixin.qq.com/

1.创建机器人

注册成功后会要求你创建一个新的机器人:

首次使用点击首页开始按钮, 创建客服机器人, 填写机器人信息；

2.快速创建技能

在【自定义对话技能】模块创建普通技能、高级技能，或勾选系统对话技能，配置完成后可实时测试查看服务搭建的是否正确；

3.服务接入

在【设置】-【服务接入】处完成机器人和公众号/小程序的绑定，或申请开放接口进行服务接入

4.提交发布

提交发布, 约等几分钟后, 即可在公众号/小程序里体验对话机器人的服务。

小程序接入机器人：

对话平台不仅仅是小程序对接，其他媒体的先不说，暂时只介绍小程序的对接，不过其他的机器人端的业务逻辑基本一样

这里的功能比较多，可能会发多个文章连载，可以关注作者的后续文章哦

服务接入：机器人-> 设置-> 服务接入
在这里我们可以申请小程序，公众号，开放接口，企业微信的对接入口
这里的APPID 就是我们这个机器人的APPID，没错我们可以根据程序不同的页面使用不同的机器人协同工作哦，就是初始化的时候填写不同的APPID。
插件申请：
小程序端官方出版了一个对话机器人插件，继承了同声传译，这个真的是良心工程，同声传译的速度,和翻译的准确度用的时候让我惊讶到了。对比某爱某精灵只好不坏,就是不支持叫个小微同学,语音启动,哈哈
插件地址：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx8c631f7e9f2465e1
我们登录后点击使用插件就可以了
插件部署及机器人初始化：

3.1 在小程序项目app.json中配置openai插件

小程序插件id是 wx8c631f7e9f2465e1, 请使用最新稳定版本

{
  "pages": [
    "pages/index/index"
  ],
  "plugins": {
    "chatbot": {
      "version": "插件最新版本号",
      "provider": "wx8c631f7e9f2465e1"
    },
    "WechatSI": {
      "version": "0.3.1",
      "provider": "wx069ba97219f66d99"
    }
  },
  "requiredBackgroundModes": [
    "audio"
  ],
  "sitemapLocation": "sitemap.json"
}

我当前使用时最新的版本是1.1.6

3.2 在app.js中进行插件初始化

var plugin = requirePlugin("chatbot");

App({
  onLaunch: function() {
    plugin.init({
        appid: "P5Ot9PHJDechCYqDFAW1AiK6OtG3Ja", //小程序示例账户，仅供学习和参考
        openid: "",//用户的openid，非必填，建议传递该参数
        success: () => {}, //非必填
        fail: error => {} //非必填
    });
  }
});

3.3 在相应的页面配置中引入插件

{
  "usingComponents": {
    "chat": "plugin://chatbot/chat"
  }
}

3.4 在相应页面的wxml中使用插件

chat组件外部必须指定容器, 并设置容器高度, 如果全屏展示, 设置高度为100vh, 如果是自定义导航栏, 设置高度为(100vh - 导航栏的高度)即可.

<view style="height: 100vh">
    <chat bind:backHome="goBackHome" bind:queryCallback="getQueryCallback"/>
</view>

3.5 在相应页面的js中配置返回首页回调方法

// goBackHome回调 返回上一级页面
  goBackHome: function () {
    wx.navigateBack({
      delta: 1
    })
  },
  // getQueryCallback回调, 返回数据
  getQueryCallback: function(e) {
  },

ok了。