微信小程序自动客服功能


Posted in Javascript onNovember 02, 2017

微信小程序最近比较火爆,所以抽空做了个客服机器人的小程序,来回答之前坦克游戏中的常见问题。当然这个小程序也很容易修改为其他类型的自动客服,需要做的仅仅是在olami平台加上相应的问题和答案。

微信小程序自动客服功能

整个小程序界面包含2个部分,一部分用于显示回答,一部分为输入框。小程序的核心就是向olami服务器发送http请求,然后处理结果并显示出来。olami接口的详细使用方法可以参考置顶的两篇博客。处理输入的代码如下:

bindInput: function (e) {
  var that = this;
  var input = e.detail.value;
  var timeStamp = new Date().getTime();
  var sign = '1df21860a96a4509bcb50957bbdd6eccapi=nliappkey=382c5f83fb67458a99ca7b2eee17473etimestamp=' + timeStamp + '1df21860a96a4509bcb50957bbdd6ecc';
  var MD5 = require('../../utils/MD5.js')
  sign = MD5.md5(sign);
  wx.request({
   url: 'https://cn.olami.ai/cloudservice/api',
   data: {
    appkey: '382c5f83fb67458a99ca7b2eee17473e',
    api: 'nli',
    timestamp: timeStamp,
    sign: sign,
    rq: JSON.stringify({
     "data_type": "stt",
     "data": {
      "input_type": 1,
      "text": input
     }
    }),
    cusid: app.globalData.custId,
   },
   header: {
    'content-type': 'application/x-www-form-urlencoded'
   },
   method: 'POST',
   success: function(res) {
    var result = '';
    if (res.data.status == 'ok') {
     if (res.data.data.nli.length != 0) {
      result = res.data.data.nli[0].desc_obj.result
     }
    }
    that.setData({
     userInfo: {},
     userinput: '',
     result: result
    })
   }
  });
 },

运行的效果见下图:

输入

微信小程序自动客服功能

结果

微信小程序自动客服功能

帮助功能简介

要实现自动客服功能,只需以下几步:

1.在olami平台进入nli系统,新建一个语法模块。

2.进入模块,编辑grammar,新增需要支持的问题以及相应的答案。

图中的内容就是支持的问句,这里使用了平台的OSL语法描述语言,可以在一个grammar中支持多个类似的说法。osl语言说明在此处。当然,如果图省事,直接写完整句子也行,只是这样的话只有用这个完整的问句才能得到答案。

输出方式选答案,下面就可以添加多个答案,这些答案是随机输出的,可以写多个意思一样的答案,这样不会显得那么单调。

1.语法编写完成后发布一下。

微信小程序自动客服功能

如果在应用管理里配置好了模块,在小程序里就可以看到相应的问题已经支持回复了。以后要添加新支持的问题,只要重复2~3步就可以了。

客服功能支持的语句有:

  • 这是个什么游戏
  • 这个小程序是干什么的
  • 有哪些语音指令
  • 这个游戏怎么玩

总结

以上所述是小编给大家介绍的微信小程序自动客服功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
canvas时钟效果
Feb 16 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
JavaScript前端面试组合函数
Jun 21 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 #Javascript
微信小程序实现图片放大预览功能
Oct 22 #Javascript
极简主义法编写JavaScript类
Nov 02 #Javascript
利用nvm管理多个版本的node.js与npm详解
Nov 02 #Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 #Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 #Javascript
为输入框加入数字js校验代码分享
Nov 02 #Javascript
You might like
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
JsRender实用入门教程
2014/10/31 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
JavaScript常用内置对象用法分析
2019/07/09 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
利用python循环创建多个文件的方法
2018/10/25 Python
Python3常用内置方法代码实例
2019/11/18 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
python实现感知机模型的示例
2020/09/30 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
广告学专业推荐信范文
2013/11/23 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
教师节慰问信
2015/02/15 职场文书
医生辞职信范文
2015/03/02 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书