微信小程序自动客服功能


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实现列表分页功能特效
May 15 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
Feb 19 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 Javascript
重新认识vue之事件阻止冒泡的实现
Aug 02 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
详解vue挂载到dom上会发生什么
Jan 20 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
理解JavaScript中的对象
Aug 25 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之A方法实例讲解
2014/06/20 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
用ADODB.Stream转换
2007/01/22 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
JavaScript中循环遍历Array与Map的方法小结
2016/03/12 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
Django中URLconf和include()的协同工作方法
2015/07/20 Python
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
Python实现 PS 图像调整中的亮度调整
2019/06/28 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
详解Django中的FBV和CBV对比分析
2021/03/01 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
先进教育工作者事迹材料
2014/12/23 职场文书
社团个人总结范文
2015/03/05 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python
Python实现对齐打印 format函数的用法
2022/04/28 Python