微信小程序wx.getUserProfile接口获取用户信息的使用

前言

1. 调整原因:很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户。
2. 调整策略:推荐使用 wx.getUserProfile 获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认,不推荐使用 getUserInfo 获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
3. 开发调试:开发者工具中仅 2.10.4 及以上版本可访问 wx.getUserProfile 接口，在真机上可参考示例代码进行判断，无需根据版本号或者 canIUse 进行条件。
4. 官网地址参考:跳转链接

代码示例

//注意:将代码放在onLoad方法下
if (!wx.getStorageSync('hadAuthed')) {
                
              // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
              // An highlighted block
              wx.showModal({
                title: '温馨提示',
                content: '正在请求获取您的个人信息，以后续方便使用本程序！',
                success(res) {
                  if (res.confirm) {
                    wx.getUserProfile({
                      desc: "获取你的昵称、头像、地区及性别",
                      success: res => {
                        
                     
                        // app.globalData.userInfo =  data
                        wx.setStorageSync('userInfo', data)
                        wx.setStorageSync('hadAuthed', true)
                        // wx.getStorageSync('hadAuthed')
    
                         //这里可以发起获取token的请求
                        
                        // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
                        // 所以此处加入 callback 以防止这种情况
                        // callback && callback(res);
                      },
                      fail: res => {
                        //拒绝授权
                        // that.showErrorModal('您拒绝了请求');
                        wx.showToast({
                          title: '授权失败',
                          icon: 'none',
                          duration: 1000
                        })
                        return;
                      }
                    })
                  } else if (res.cancel) {
                    wx.showToast({
                      title: '授权失败',
                      icon: 'none',
                      duration: 1000
                    })
                    //拒绝授权 showErrorModal是自定义的提示
                    // that.showErrorModal('您拒绝了请求');
                    return;
                  }
                }
              })
            }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

温馨提示:
1.以往wx.getUserInfo是通过<button open-type="getUserInfo"/>按钮去触发,而wx.getUserProfile是以弹框的方式去触发
2.以往wx.getUserInfo是通过wx.getSetting去判断登录状态,而wx.getUserProfile是通过wx.setStorageSync缓存去判断登录状态

小坑

在新的wx.getUserProfile无法获取性别地区,只能获取头像和昵称,获取结果如图:

参考官方:官方公告链接跳转
解决方案:待更新