微信小程序自动客服功能


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 相关文章推荐
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
domReady的实现案例
Nov 23 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
vue2.0 路由模式mode="history"的作用
Oct 18 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
php的ajax简单实例
2014/02/27 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php判断当前操作系统类型
2015/10/28 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
js获取客户端外网ip的简单实例
2013/11/21 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
Angularjs单选改为多选的开发过程及问题解析
2017/02/17 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
2017/03/08 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
python 同时读取多个文件的例子
2019/07/16 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
(开源)微信小程序+mqtt,esp8266温湿度读取
2021/04/02 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js