由于微信接口的问题,第三方客服平台默认不能获取小程序用户微信头像及昵称。目前默认显示的是统一头像与随机显示昵称。 >**注:获取用户微信头像和昵称,需要小程序开发人员支持,请把帮助文档发给他们。** ### **解决办法** 在小程序代码里参考以下代码示例,在客服 button 的 session-from 中传递头像与昵称。(注意单双引号,json格式) 代码链接:[https://github.com/hotapp8/xiaokefu](https://github.com/hotapp8/xiaokefu) 修改后需提交发布上线后即可正常显示用户微信头像及昵称。 ### **通过后端传递客户的头像和昵称** ``` <button type='default' session-from='{"nickName":"{{userInfo.nickName}}","avatarUrl":"{{userInfo.avatarUrl}}"}' open-type="contact" >带头像客服(微信头像)</button> ``` userInfo.nickName,userInfo.avatarUrl 是指用户昵称和头像。需要动态赋值传递过来。如果发现小客服接待界面的参数没有对应的值,请检查代码及传值,确保有值传递过来。 ### **固定的客户头像和昵称** ``` <button type='default' session-from='{"nickName":"赵丽颖","avatarUrl":"https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=956547549,964120469&fm=58"}' open-type="contact"> 带头像客服 (固定头像)</button> ``` nickName:客户的微信昵称,最大长度1024 avatar:客户的微信头像 session-from的值为json格式 ### **微信小程序获取客户头像信息api:** [https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html) **效果如下图所示** ![](https://box.kancloud.cn/b1c686fe6300873ec2e9018b40f6adaf_1147x499.png) ### **为什么接入代码后有的有头像有的没有?** * 因为有的用户在使用您的小程序时,可能没有同意授权您的小程序获取微信头像昵称。 * 你的小程序客服有多个入口,其中部分入口没有传入头像及昵称;或是部分入口不需要登录即可进入。 ### **查看自己传递的参数** 在传递参数后,可以进入网页端后台--客服消息界面内查看传递的参数: 步骤:从传递参数的客服入口内咨询,进入客服消息界面找到咨询者,在右侧资料区底部查看参数: ![](https://img.kancloud.cn/8f/57/8f574ed84b63cbd8fe3d47a62e6c2cac_1911x928.png) 相关帮助:传递客户资料:[https://www.kancloud.cn/wikizhima/wikixkf/1109086](https://www.kancloud.cn/wikizhima/wikixkf/1109086) </h> </h> <br> <br> <br> <br> 您有问题需要咨询的话,可以扫描下方二维码: </h> ![](https://img.kancloud.cn/04/a1/04a1fd65b5f5cfbc32ad431a32fabd2a_200x199.png) </h> </h>