微信小程序客服消息相关（客服按钮修改）

tianxiaxue1 2017-03-01 18:55:58

31756

本文链接：https://blog.csdn.net/u012421719/article/details/59117600

版权

我会把跟客服消息相关的所有知识和讨论放在这里，以便大家跨越这个门槛；

因为很多人以为客服消息是需要后台的；

1：客服消息开发文档地址：https://mp.weixin.qq.com/debug/w ... tommsg/receive.html
2：客服消息说明文档地址：https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html

3：网页版客服消息入口：https://mpkf.weixin.qq.com/

网页版客服工具
小程序也可以直接使用微信公众平台网页版客服工具进行客服消息回复。

若小程序没有启用消息推送，则用户发送的消息将会被转发至网页版客服工具，客服人员可在网页版客服工具中接入并回复用户。

注意：“用户通过客服消息按钮进入会话”事件将不会转发至网页版客服工具。

@Somnus13

客服简单的话直接页面添加《contact-button》，然后后台配置一下客服人员。

相关讨论零：
客服按钮能自己定义吗

@327674413 自己定义，可以自己写一个按钮，客服按钮 opactiy:0 绝对定位到你的按钮上，另外客服按钮最大像素就那么小的，你要让整条都能触发，就摆10个客服按钮上去，摆满一条；大概就是这样 opacity 你变成0 盖在上面就可以了，我就是这么用的

这个客服按钮<contact-button>很坑爹，不能自定样式，并且有效的点击区域也只有它显示的图标那么大，而且图标也很丑，想到这就异常的无语。不过，我们想到了一个投机的方式解决了。我们的需求是点击这一块进入客服会话，客服按钮有个属性type，我们设置它为default-light，它就是白色，能和白色背景融合看不出来，然后再铺满n个按钮，达到点击进入客服会话。红色框部分全是客服按钮！

微信小程序的客服的按钮可以自定义吗？

.wx-contact-button-wrapper这个是客服按钮的类，自己定义样式改变就可

.wx-contact-button-wrapper修改客服按钮高度和宽度怎么不管用呀？那个自带的气泡怎么去掉呀

从透明度入手。思想是，在客服按钮上面悬浮一个控件。这样视觉是你写的控件，点击实际是客服控件
高度跟宽度是改不动的。

相关讨论一：
为什么我的微信号已经绑定客服了，进到微信公众平台网页客服工具这里，登录后，全是空白，没有可以选择小程序的地方

是ie兼容性问题，360浏览器打开什么都没，换ie8就有了
自带网页客服工具已经挺赞的了。就是不知道自己做的客服接口有什么优势

客服的网页版要做些什么设置

https://mpkf.weixin.qq.com/cgi-bin/kfloginpage

什么都不用，小程序后台，帮定下客服的微信号，这里扫下就进去了，简单的聊天工具，什么自动回复都有
好像如果同一个微信绑定了多个小程序，登进去的时候会让选一下，登哪个小程序，该有的功能都有，就是没法解决，万一客服人在外面，有人找客服了，该怎么回复

你前台怎么发的信息呢
要不要做对接，还是直接把组件放上去就OK了

就放这样一个按钮就可以了。，。点了后，自动弹出客服的对话框

发的消息，就自动到了客服工具了。还是很傻瓜的

相关讨论二：怎么用手机直接回复客服会话？客服会话只能在网页里回复，现在想在手机直接实现对话，怎么做呢

请先仔细阅读小程序·客服消息的文档，具体流程可以分为以下几步

在小程序后台管理端 https://mp.weixin.qq.com/ 配置客服消息对应的CGI，接收来自微信服务器推送的用户消息

服务端将收到的用户消息转发到客服工具（例如自己开发一个回复用的wap应用）

客服人工回复，并将回复消息传送到服务端

服务端转发该消息给微信服务器

以上，是一个自定义客服工具的开发流程

当然，也可以尝试用移动终端打开客服会话页面

相关讨论三：小程序客服接口接收参数
配置好消息推送后，post接收消息参数时只有三个字段signature timestamp nonce，为什么没有消息内容字段呢？文档中写的不清楚，只是给了参数的格式，没有给怎么接收消息
答：

参数不在get 也不在post中在
HTTP_RAW_POST_DATA
中

相关帖子：高级API视频：微信支付，模板消息，客服会话，获取openid
相关图片：

相关文章：
微信小程实战报告：接入客服消息

设置消息推送（分享者Jetz）

开发设置中，启用并设置消息推送配置后，用户发给小程序的消息以及开发者需要的事件推送，都将被微信转发至该服务器地址中。

不过照着说明去操作，即使按照最简单的明文方式去设置，还是提示Token验证失败。仔细研究说明，其实服务器验证过程很简单，用Get发来一个连接，然后在自己的页面中去检验，不想做也可以先不做，直接返回echostr即可。关键在，怎么返回，开始我还以为必须要按照xml或者json返回，试了半天，其实很简单，清空所有其他输出，直接返回echostr即可。

[AppleScript] 纯文本查看复制代码

1

2

3

4

 
         Response.Clear
         (
         )
         ;
        
 
         Response.Write
         (
         StringUtil.ToStr
         (
         Request.QueryString[
         "echostr"
         ]
         )
         )
         ;
        
 
         Response.End
         (
         )
         ;
        
 
         Response.Flush
         (
         )
         ;
        