机器人

2021-03-22 14:21:06 浏览数 (1)

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

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

下面是我的示例图:

开通对话平台服务:

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

1.创建机器人

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

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

2.快速创建技能

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

3.服务接入

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

4.提交发布

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

小程序接入机器人:

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

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

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

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

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

代码语言:javascript复制
{
  "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中进行插件初始化

代码语言:javascript复制
var plugin = requirePlugin("chatbot");

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

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

代码语言:javascript复制
{
  "usingComponents": {
    "chat": "plugin://chatbot/chat"
  }
}

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

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

代码语言:javascript复制
<view style="height: 100vh">
    <chat bind:backHome="goBackHome" bind:queryCallback="getQueryCallback"/>
</view>

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

代码语言:javascript复制
// goBackHome回调 返回上一级页面
  goBackHome: function () {
    wx.navigateBack({
      delta: 1
    })
  },
  // getQueryCallback回调, 返回数据
  getQueryCallback: function(e) {
  },

ok了。

发布于 201

0 人点赞