微信小程序自动客服功能


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 相关文章推荐
javascript两段代码,两个小技巧
Feb 04 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
Angular(5.2->6.1)升级小结
Dec 27 Javascript
JS中的防抖与节流及作用详解
Apr 01 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 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
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
GreyBox技术总结(转)
2010/11/23 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
JavaScript实现的圆形浮动标签云效果实例
2015/08/06 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
vue结合element-ui使用示例
2019/01/24 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
python获取元素在数组中索引号的方法
2015/07/15 Python
Python编程中time模块的一些关键用法解析
2016/01/19 Python
详解python的数字类型变量与其方法
2016/11/20 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
Python文件读写保存操作的示例代码
2018/09/14 Python
Python中的CSV文件使用"with"语句的方式详解
2018/10/16 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
10张动图学会python循环与递归问题
2021/02/06 Python
canvas环形倒计时组件的示例代码
2018/06/14 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
意大利男装网店:Vrients
2019/05/02 全球购物
预备党员党课思想汇报
2014/01/13 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
2014公司年终工作总结
2014/12/19 职场文书
失职检讨书大全
2015/01/26 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python