用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程实战报告:接入客服消息

纸飞机 2018-3-8 09:38

分享者:新栋BOOK ,原文地址 推荐配合阅读此文: 页面中加入,类似如下的示例代码,页面显示客服会话按钮 点击按钮之后,效果如下:与进行过一次会话后,会在微信首页中 显示 “小程序客服消息”点击“小程序客服 ...

分享者:新栋BOOK ,

原文地址

推荐配合阅读此文:

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

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

contact-button>

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

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

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

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

具体执行步骤:

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

登录微信小程序官网后,在小程序官网的“设置-消息服务器”页面,管理员扫码启用消息服务,填写服务器地址(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

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

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

最后说一点,就是 小程序开发中 配置开发人员的服务器地址是有数量限制的。为了解决这个问题,可以通过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;
                }
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏