查看小程序访客昵称头像

默认情况下，在扫码接入云雀客服后，由于微信的限制，云雀无法获得小程序用户的昵称、头像等信息。
但由小程序开发方配合添加代码后，云雀即可获得小程序用户信息，步骤如下。

注意：本文的代码仅供参考使用，请根据您的业务需求与代码上下文做修改。

您也可以参考我们的示例项目 YunQueKF-mina-demo，我们在微信官方 demo 项目上做了一些改动，只需搜索 session 即可了解所有我们所做的修改。

第一步：在合适的位置获取用户信息，保存数据

1、获取用户信息。页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回 userInfo。

2、请在 wx.getUserProfile 函数中加入指定为简体中文的参数（lang:"zh_CN"），参见：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

wx.getUserProfile({
  lang:"zh_CN",
  desc: '完善用户资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
  success: (res) => {
    app.globalData.userInfo = res.userInfo
  }
})

第二步：在相关页面的 onLoad 中 setData

this.setData({
  sessionFrom: JSON.stringify(app.globalData.userInfo)
})

此处设置好的 sessionFrom 是一个字符串，形如：

{"nickName":"猫猫","gender":1,"language":"zh_CN","city":"徐汇","province":"上海","country":"中国","avatarUrl":"https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83eqs1BPqXribCicNj0UibGibS8ib4aeDxjJcqZiayia5ZLPabiadsfH1dMFSVkX0lyAZKPhma22CXQZfdtoyRw/132"}

注意： 由于 wx.gettUserInfo 是网络请求，有可能在 onLoad 事件后执行，请在程序中设置必要的回调。

如果您的业务中没有获取微信用户信息的逻辑，您也可自行构造该内容，我们接受这些字段：
nickName/gender/city/province/country/avatarUrl
字段格式参考 微信官方文档

第三步：修改客服按钮的 session-from

<button open-type="contact" session-from="{{sessionFrom}}"> 在线客服 </button>

为了方便调试，可以在页面上放置一个 <view>sessionFrom:{{sessionFrom}}</view> 来确定 sessionFrom 的值是否正确。

第四步：编译测试

测试编译小程序，在手机上预览小程序客服界面，重新打开客服工作台，如果出现头像和昵称信息，即表示整合完成啦！