微信小程序自动客服功能


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-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
使用JavaScript库还是自己写代码?
Jan 28 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
Node.js进阶之核心模块https入门
May 23 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 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开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
分析php://output和php://stdout的区别
2018/05/06 PHP
PHP获取远程http或ftp文件的md5值的方法
2019/04/15 PHP
jquery获取子节点和父节点的示例代码
2013/09/10 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
Python实现的数据结构与算法之链表详解
2015/04/22 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
python中时间模块的基本使用教程
2019/05/14 Python
python安装scipy的方法步骤
2019/06/26 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
Tensorflow 多线程与多进程数据加载实例
2020/02/05 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
html5使用canvas绘制一张图片
2014/12/15 HTML / CSS
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
前台文员我鉴定
2014/01/12 职场文书
总经理的岗位职责
2014/02/23 职场文书
入党积极分子学习优秀共产党员先进事迹思想汇报
2014/09/13 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
如何制作自己的原生JavaScript路由
2021/05/05 Javascript
mysql幻读详解实例以及解决办法
2022/06/16 MySQL