微信小程序自动客服功能


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下利用arguments实现string.format函数
Aug 24 Javascript
九种js弹出对话框的方法总结
Mar 12 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
May 17 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 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/05 新手入门
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
Python中使用PIPE操作Linux管道
2015/02/04 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
Python ftp上传文件
2016/02/13 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
python3 面向对象__类的内置属性与方法的实例代码
2018/11/09 Python
Python logging设置和logger解析
2019/08/28 Python
Python configparser模块应用过程解析
2020/08/14 Python
python实现扫雷游戏的示例
2020/10/20 Python
python 批量将中文名转换为拼音
2021/02/07 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
Python面试题集
2012/03/08 面试题
北京大学自荐信范文
2014/01/28 职场文书
保护环境的标语
2014/06/09 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
党员转正大会主持词
2015/07/02 职场文书
结婚幸福感言
2015/08/01 职场文书
早上好问候语大全
2015/11/10 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL