微信小程序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无法获取性别地区,只能获取头像和昵称,获取结果如图:

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

解决方案:待更新

相关文章
|
29天前
|
人工智能 JavaScript 定位技术
微信的接口都有哪些?
【10月更文挑战第17天】微信的接口都有哪些?
122 43
|
1月前
|
JSON 小程序 应用服务中间件
微信的接口wxLogin()的返回值都有什么?
【10月更文挑战第4天】微信的接口wxLogin()的返回值都有什么?
187 1
|
1月前
|
JSON 前端开发 API
使用微信JS-SDK调用发票接口的完整开发指南
本文介绍了如何使用微信JS-SDK的`chooseInvoiceTitle`接口来调用微信的发票功能。通过微信发票接口,用户可以选择开具个人或单位发票,并获取相关发票信息,如抬头、税号、公司地址等。在文中,详细描述了JS-SDK的初始化、发票接口的调用方式,并提供了完整的代码示例。文章还介绍了如何处理返回的发票信息,帮助开发者快速集成微信发票功能。
76 2
|
3月前
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
3月前
|
运维 小程序 前端开发
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
|
3月前
|
JSON 小程序 前端开发
|
3月前
|
存储 JavaScript 小程序
|
3月前
|
小程序 前端开发 Java
|
5月前
|
XML JSON 数据安全/隐私保护
如何使用Fiddler抓取APP接口和微信授权网页源代码
Fiddler是一款强大的抓包工具,用于捕获HTTP/HTTPS流量,包括手机APP和微信授权页面的数据。下载安装Fiddler后,需设置电脑代理,如端口8888,并在手机上配置相同代理,确保两者在同一局域网。通过安装Fiddler证书,可解密HTTPS请求。在手机上打开目标应用或网页,Fiddler将显示请求详情,便于接口调试和数据查看。
219 0
如何使用Fiddler抓取APP接口和微信授权网页源代码
|
4月前
|
XML Java 数据格式
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法