微信小程序自动客服功能


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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
webpack打包多页面的方法
Nov 30 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
多php服务器实现多session并发运行
2006/10/09 PHP
php _autoload自动加载类与机制分析
2012/02/10 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript事件列表解说
2006/12/22 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
Python脚本实现12306火车票查询系统
2016/09/30 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
Python中SQLite如何使用
2020/05/27 Python
python中rc1什么意思
2020/06/19 Python
Python学习笔记之装饰器
2020/08/06 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
人力资源本科毕业生求职信
2014/06/04 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
五一劳动节活动总结
2015/02/09 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
承诺书模板大全
2015/05/04 职场文书
旗帜观后感
2015/06/08 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书