请选择 进入手机版 | 继续访问电脑版
开启辅助访问
查看: 308|回复: 4

[技术研发] 微信小程实战报告:接入客服消息

[复制链接]

该用户从未签到

1

主题

1

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2017-2-20 15:54:15 | 显示全部楼层 |阅读模式

页面中加入,类似如下的示例代码,页面显示客服会话按钮

<contact-button 
   type="default-light" 
   size="20" 
   session-from="weapp" > 

</contact-button>

点击按钮之后,效果如下:

1.jpg

与小程序进行过一次会话后,会在微信首页中 显示 “小程序客服消息”

2.png

点击“小程序客服消息”就会进入下面的页面

3.png

继续点击进去,就进入了客服沟通页面(第一张图片),继续与客服交流

 

具体执行步骤:

第一步,填写服务器配置信息

4.png

登录微信小程序官网后,在小程序官网的“设置-消息服务器”页面,管理员扫码启用消息服务,填写服务器地址(URL)、Token 和 EncodingAESKey。

URL是开发者用来接收微信消息和事件的接口URL。 Token可由开发者可以任意填写,用作生成签名(该Token会和接口URL中包含的Token进行比对,从而验证安全性)。 EncodingAESKey由开发者手动填写或随机生成,将用作消息体加解密密钥。

同时,开发者可选择消息加解密方式:明文模式、兼容模式和安全模式。可以选择消息数据格式:XML格式或JSON格式。加密方式的默认状态是明问格式,而数据格式的默认状态是XML格式。

加解密,参考:https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419318479&token=&lang=zh_CN

第二步,验证消息是否来自微信

5.png

 

第三步,就可以开始业务逻辑的处理了

6.png

最后说一点,就是 小程序开发中 配置开发人员的服务器地址是有数量限制的。为了解决这个问题,可以通过nginx的配置做重定向,配置如下

        location /union-test/ {
                rewrite ^/union-click/(.*)$ '/$1' break;
                proxy_set_header        Host  xxx.yyy.local;
                proxy_pass              http://union-test.yyy.local;
                include /export/servers/nginx/conf/error/error_location.conf;
                }
        location /m/ {
                rewrite ^/m/(.*)$ '/$1' break;
                proxy_set_header        Host  m.yyy.local;
                proxy_pass              http://m.yyy.local;
                include /export/servers/nginx/conf/error/error_location.conf;
                }
        location /item/ {
                rewrite ^/item/(.*)$ '/$1' break;
                proxy_set_header        Host  item.m.yyy.local;
                proxy_pass              http://ccc.jjj.local;
                include /export/servers/nginx/conf/error/error_location.conf;
                }

回复

使用道具 举报

  • TA的每日心情
    奋斗
    2017-3-14 16:54
  • 签到天数: 1 天

    [LV.1]初来乍到

    176

    主题

    744

    帖子

    4782

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    4782
    发表于 2017-2-20 17:53:37 | 显示全部楼层
    很实用,谢谢楼主分享
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    10

    主题

    13

    帖子

    40

    积分

    新手上路

    Rank: 1

    积分
    40
    发表于 2017-2-21 14:30:22 | 显示全部楼层
    楼主厉害了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    发表于 2017-2-22 10:36:21 | 显示全部楼层
    这一快的内容好像少了呢
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    发表于 2017-12-3 12:32:13 | 显示全部楼层
    楼主可以做个第三方的百度商桥(客服系统)对接吗?商桥是免费的。最好做个浮动的客服图标。这样就可以解决移动时候可以和客户交谈。
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    进站必读上一条 /1 下一条