微信小程序自动客服功能


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 相关文章推荐
jquery 输入框数字限制插件
Nov 10 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
javascript实现随机生成DIV背景色
Jun 20 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
JS随机数产生代码分享
Feb 24 Javascript
react中使用swiper的具体方法
May 15 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
webpack proxy 使用(代理的使用)
Jan 10 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
微信小程序选择图片和放大预览图片功能
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显示MySQL数据的三种方法
2008/06/05 PHP
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
php模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
dedecms中使用php语句指南
2014/11/13 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
JavaScript中的事件处理
2008/01/16 Javascript
JavaScript获取多个数组的交集简单实例
2013/11/11 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
jQuery仿天猫实现超炫的加入购物车
2015/05/04 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
新手快速上手webpack4打包工具的使用详解
2019/01/28 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Python快速排序算法实例分析
2017/11/29 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
python 搜索大文件的实例代码
2019/07/08 Python
python 公共方法汇总解析
2019/09/16 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
运行Python编写的程序方法实例
2020/10/21 Python
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
服装促销活动方案
2014/02/23 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript