微信小程序自动客服功能


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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
js 代码优化点滴记录
Feb 19 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
使用apifm-wxapi模块中的问题及解决方法
Aug 05 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
轻松入门: 煮好咖啡的七个诀窍
2021/03/03 冲泡冲煮
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
使javascript也能包含文件
2006/10/26 Javascript
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
js实现文字无缝向上滚动
2017/02/16 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
angularJs select绑定的model取不到值的解决方法
2018/10/08 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
python距离测量的方法
2018/03/06 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
最新销售员个人自荐信
2013/09/21 职场文书
战略合作协议书范本
2014/04/18 职场文书
学习保证书
2015/01/17 职场文书
财务负责人岗位职责
2015/02/03 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
把77A收信机改造成收音机
2022/04/05 无线电