前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >机器人

机器人

作者头像
用户6267359
修改2021-03-22 14:21:06
9230
修改2021-03-22 14:21:06
举报
文章被收录于专栏:前端学习~前端学习~

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

本文系转载,前往查看

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

本文系转载前往查看

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

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
目录
  • 2.快速创建技能
  • 3.服务接入
  • 4.提交发布
    • 3.1 在小程序项目app.json中配置openai插件
      • 3.4 在相应页面的wxml中使用插件
        • 3.5 在相应页面的js中配置返回首页回调方法
        相关产品与服务
        云开发 CloudBase
        云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档