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

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

前言

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

代码示例

//注意:将代码放在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.以往wx.getUserInfo是通过<button open-type="getUserInfo"/>按钮去触发,而wx.getUserProfile是以弹框的方式去触发

2.以往wx.getUserInfo是通过wx.getSetting去判断登录状态,而wx.getUserProfile是通过wx.setStorageSync缓存去判断登录状态

小坑

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

参考官方:官方公告链接跳转

解决方案:待更新

相关文章
|
27天前
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
22天前
|
运维 小程序 前端开发
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
|
1月前
|
JSON 小程序 前端开发
|
1月前
|
存储 JavaScript 小程序
|
1月前
|
小程序 前端开发 Java
|
3月前
|
XML JSON 数据安全/隐私保护
如何使用Fiddler抓取APP接口和微信授权网页源代码
Fiddler是一款强大的抓包工具,用于捕获HTTP/HTTPS流量,包括手机APP和微信授权页面的数据。下载安装Fiddler后,需设置电脑代理,如端口8888,并在手机上配置相同代理,确保两者在同一局域网。通过安装Fiddler证书,可解密HTTPS请求。在手机上打开目标应用或网页,Fiddler将显示请求详情,便于接口调试和数据查看。
116 0
如何使用Fiddler抓取APP接口和微信授权网页源代码
|
2月前
|
XML Java 数据格式
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
|
2月前
|
移动开发 JavaScript
thinkPHP5.0开发微信H5页面分享接口signature验证失败,signature与微信 JS 接口签名校验工具返回结果不一致
thinkPHP5.0开发微信H5页面分享接口signature验证失败,signature与微信 JS 接口签名校验工具返回结果不一致
70 0
|
3月前
|
API 开发工具
企业微信SDK接口API调用-触发推送企业微信微信好友
企业微信SDK接口API调用-触发推送企业微信微信好友
|
3月前
|
API Android开发 iOS开发
个人微信开发API协议接口
个人微信开发API协议接口

热门文章

最新文章