微信小程序客服带微信小程序卡片消息

微信小程序客服卡片消息

我们可以通过点击微信小程序客服进行发送我们看到的页面发给客服,有点类似很多电商的客服,发送宝贝的那种功能。
黑白课堂
点击之后,我们右下角会有个可能要发送的小程序

实现方法

首先我们在挂载客服的button里面添加几个参数即可
黑白课堂

<button open-type="contact" show-message-card="true" send-message-title="首页" send-message-img="https://www.heibaiketang.com/upload/images/20191120/69405c2c98660cfeec47756e24ebcf0414111.jpg" send-message-path="/pages/index/index" bindcontact="handleContact">进入客服</button>
  • show-message-card 开启卡片消息
  • send-message-title 标题
  • send-message-path 页面点击之后的路径
  • send-message-img 图片

如果发送之后,我们推送消息将会收到如下内容

{
    "ToUserName": "gh_39bf19e9c4a9",
    "FromUserName": "o_qW25N1cxizWX6Mk1RxsAxxx",
    "CreateTime": 1622131583,
    "MsgType": "miniprogrampage",
    "MsgId": 23223339185011424,
    "Title": "首页",
    "AppId": "wx75a3f09626xxx",
    "PagePath": "pages/index/index",
    "ThumbUrl": "http://mmbiz.qpic.cn/mmbiz_jpg/7baSicUrVSA6Z22C5G0KWJbia7a3Azl2WchJbF0jareMCSOMCGmtG0vSrQBPcQmpmIjomia2iaelt5Nia2wQPky7gQg/0",
    "ThumbMediaId": "TXe99Kp8f_3KCx8L9fJX9S5O14YrUPORbo73fsClnb1hjaFa7dZTG8_7pR_RuWoz",
    "Encrypt": "30f39J3HKZxbD2o9B1edKNB0x54VWSAoX/v0NgYN00YnOsHCMkFeIuxCpzV0Qo+tIFfSpf+ewtZ2Nd2PuliflYc+Gg1hcFw85/04zxzWrJTUUks20suMajH6J0aA0yayIF2XRSI/Z3E66S6MNp98Rlvdqq+8tSxL1Es/NtFggbCWpVvT6dBZti+EqjB5+oWkrW30ulbSAW0nwwxEASAbRHjKpI07LQQk67BSEcY/bQcVLQuapAmY5uLwOAhrj5t7tYQGwHmk4Vn6rhlgG8kgZRrb725J/3+RiSjraqjUAMJXnctjtM0iG5rcrAhkZf6X//AuGGJwfpxUQZkpctIAtUpe7TqLwpLYbhponD4+bD1nZoPAP2Y9PDbgaaMnfD+KzYEgxDRhM5N2293d+erA4V5PcP4NK4kdgLJJfZthIJ/1jBC5Qp08PwxvIPo4qDjP8swjbuKojWZhXXuhTtYBIK0Fp2KcQIRXkkrnjvZ1WCZ7/l5XmsH8SSwoTWvcvSIYBpb2KLpkB4ySJZZZzBWvRIfOBMmXqiuv872OEeTP7/aNoUmDMmaaIoyYKmE7CJs0W3/uTI0dxCWrN2Ddw7cPeYNwAtQw16wNVz20ytKJHrK3tTDQ/w6rsCnsNIJ+hIJIjWoIW+Tg78bqL7CuIIL7yQ+u+ldcKpUFdTXuyGWDm0F2jrb6HbYUb7TvrhUgKEaR9V4G9u+AqmspYYXYk3zTGg==",
    "signature": "d44e43acf2e658eb6285838bf309bd47a8b6698b",
    "timestamp": "1622131584",
    "nonce": "1337333310",
    "openid": "o_qW25N1cxizWX6Mk1RxsAkpEuEg",
    "encrypt_type": "aes",
    "msg_signature": "3ea0088ae672d592f290b20c84b455e7c63a2b99"
}

说明文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/receive.html
以上就是微信卡片的功能,很有意思。

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。
空气

空气 · 中级学士

热卖技术,喜欢新东西。

魔童降世
查看更多

最新视频课程

钻级赞助商