小程序客服自动回复,小程序如何使用自动回复？

时间：2023-07-01 14:05 阅读数：95 人阅读分类：知识百科

　　微信小程序的发展已经是不可抵挡的强风。今天我们就来讲讲如果小程序客服自动回复的话该如何使用的相关内容，希望对大家的学习有所帮助。

如果我们用小程序做电商，在小程序里镶嵌一键拨号的功能，让用户直接拨打电话是一种方法。但我们平时如果对商品有问题或者有需要咨询店家的，都是用的即时通讯(也就是发消息给客服)那我们在小程序中怎么做客服自动回复的功能呢?

好啦，话不多说，直接上代码

　　1.小程序客服自动回复页面代码：

　　autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

　　发送

　　客服：

　　你：

　　小程序页面中使用了模板的

　　条件渲染：mp.weixin.qq/debug/wxadoc/dev/framework/view/wxml/list.html?t=1476197490824

　　列表渲染：mp.weixin.qq/debug/wxadoc/dev/framework/view/wxml/conditional.html?t=1476197492981

　　2. 小程序客服自动回复样式代码：

　　.slide-image{

　　width: 100%;

　　}

　　.input-text{

　　border:1px solid #abcdef;

　　width:88%;

　　background:#ddd;

　　line-height:100%;

　　text-indent: 0.5rem;

　　margin:1rem auto;

　　height:40px;

　　}

　　.input-button{

　　background:#48C23D;

　　margin:0.5rem 5%;

　　color:#fff;

　　}

　　.chat-area{

　　width: 90%;

　　margin:0.5rem 5%;

　　border:1px solid #ddd;

　　background:#eee;

　　font-size: 1rem;

　　}

　　.red-font{

　　color:#DC143C;

　　}

　　.green-font{

　　color:#48C23D;

　　}

　　.say-content{

　　font-size:80%;

　　width:80%;

　　margin:0.5rem 5%;

　　}

　　3.小程序客服自动回复 js代码：

　　//test.js

　　//获取应用实例

　　var app = getApp();

　　Page({

　　data: {

　　imgUrls: [

　　{

　　link:'/pages/index/index',

　　url:'img02.tooopen/images/20150928/tooopen_sy_143912755726.jpg'

　　},{

　　link:'/pages/logs/logs',

　　url:'img06.tooopen/images/20160818/tooopen_sy_175866434296.jpg'

　　},{

　　link:'/pages/test/test',

　　url:'img06.tooopen/images/20160818/tooopen_sy_175833047715.jpg'

　　}

　　indicatorDots: true,

　　autoplay: true,

　　interval: 5000,

　　duration: 1000,

　　msgs:[],

　　inputdata:'',

　　userInfo: {}

　　onLoad: function () {

　　console.log('onLoad test');

　　console.log(this.data.msgs);

　　getgetinputSEnd:function(){

　　var input = this.data.inputdata;

　　var that = this;

　　var msgs = that.data.msgs;

　　msgs.push({msg:input,'type':'text'});

　　//--------------------------------- 微信数据请求

　　wx.request({

　　url: 'test:8080/test/socket.php',

　　data: {

　　msg:input

　　header: {

　　'Content-Type': 'application/json'

　　success: function(res) {

　　msgs.push({msg:res.data.content,'type':res.data.msgType});

　　that.setData({msgs:msgs});

　　console.log(res.data)

　　}

　　})

　　setInputValue:function(e){

　　console.log(e.detail);

　　this.data.inputdata = e.detail.value;

　　}

　　})

　　4. 小程序服务器端代码

　　$params = $_REQUEST;

　　$msg = $params['msg'];

　　$content = array();

　　switch ($msg) {

　　case '1':

　　case '美女':

　　$content['msgType'] = 'image';

　　$content['content'] = 'ss0.baidu/7Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=ae4df4ec878ba61ec0eecf2f713497cc/43a7d933c895d143b233160576f082025aaf074a.jpg';

　　break;

　　case '2':

　　case '音乐':

　　$content['msgType'] = 'voice';

　　$content['content'] = '.w3school/i/song.mp3';

　　break;

　　case '3':

　　case '视频':

　　$content['msgType'] = 'video';

　　$content['content'] = '.w3school//i/movie.ogg';

　　break;

　　case '4':

　　case '笑话':

　　$content['msgType'] = 'text';

　　$content['content'] = '一男子在闹市骑摩托撞昏了一个陌生的老汉! 男子惊吓的不知所措!围观群众越来越多!突然,该男抱住老汉,声泪俱下的喊道:“爹,你等着我,我这就去给...';

　　break;

　　default:

　　$content['msgType'] = 'text';

　　$content['content'] = '您发送的指令不在识别范围内：

　　你可以选择

　　1 美女

　　2 音乐

　　3 视频

　　4 笑话 ';

　　break;

　　}

　　echo json_encode($content);

以上就是小程序客服自动回复,小程序如何使用自动回复的全部内容啦，大家有没有学会呢，虽然代码看上去有点复杂，但实际操作起来很容易的。大家试试看。想知道的精彩内容请关注微小乔。