微信小程序getUserInfo无法获取用户信息

冷不防 2022-09-09 06:25 279阅读 0赞

前言

2021年4月13日后发布的小程序新版本，无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo与encryptedData中的用户个人信息。

解决办法

1. 使用`wx.getUserProfile`更换`wx.getUserInfo`

[官方示例][Link 1]

2. 本人因为小程序使用太多`wx.getUserInfo`，更换起来太麻烦了，所以我选择使用`wx.getUserProfile`重写`wx.getUserInfo`，让`wx.getUserInfo`既能拥有最新API的功能，还能兼容老的功能。

放到`app.js`最前面

if (wx.getUserProfile) {
      /**
       * isCache  是否用户授权第一次，就把用户信息放到缓存中，以后不用获取最新的，直接拿缓存
       */
      let isCache = true
    
      Object.defineProperty(wx, 'getUserInfo', {
        configurable: true,
        value: function (callback) {
          if (wx.authorizationInfo) {
            callback.success(wx.authorizationInfo)
            return;
          } else if (isCache) {
            let storageInfo = wx.getStorageSync('authorizationInfo')
            if (storageInfo) {
              wx.authorizationInfo = storageInfo
              callback.success(wx.authorizationInfo)
              return;
            }
          }
          let success = callback.success
          callback.success = function (e) {
            wx.authorizationInfo = e
            if (isCache) {
              wx.setStorageSync('authorizationInfo', e)
            }
            success(e)
          }
          wx.getUserProfile({
            desc: '展示用户信息',
            ...callback
          });
        }
      })
    }

开发注意

*  使用`wx.getUserProfile`不能在`bindgetuserinfo`事件下面
    
        
        <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">授权</button>
        
         
        <button bindtap="getUserInfo">授权</button>
 *  `desc`字段不能为空
    
        wx.getUserProfile({
                desc: '展示用户信息',    //不能为空
                success(e){}      
        })

[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fdevelopers.weixin.qq.com%2Fminiprogram%2Fdev%2Fapi%2Fopen-api%2Fuser-info%2Fwx.getUserProfile.html