• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

微信小程序授权获取用户信息:wx.getUserInfo 切换到 wx.getUserProfile的使用(已弃用)

武飞扬头像
fighting ~
帮助3

更新:wx.getUserProfile() 已弃用

wx.getUserProfile()官方也已弃用,详情可参考我的微信小程序授权获取头像昵称的最新形式——头像昵称填写这篇文章。感兴趣的小伙伴儿也可往下看。

背景

最近在做一个小程序的项目,需要微信授权获取用户信息(用户头像、昵称、性别及地区信息等),在微信小程序官方文档中查看这部分内容,由于一开始没有仔细看到wx.getUserInfo已经被回收,于是,尝试使用wx.getUserInfo进行授权获取用户信息时并不会有弹框,而是直接返回了用户信息,相信很多人也有同样的经历,在此总结一下解决方式。
学新通
官网链接

一、小程序获取用户信息相关接口调整说明

  • 2021年4月28日24时后发布的小程序新版本,开发者无法通过wx.getUserInfo<button open-type="getUserInfo"/>获取用户个人信息(头像、昵称、性别与地区)不再弹出弹窗,将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。
  • 新增getUserProfile接口(基础库2.10.4版本开始支持),可获取用户头像、昵称、性别及地区信息,开发者每次通过该接口获取用户个人信息均需用户确认。具体接口文档:《wx.getUserProfile接口文档》,也可参考下面我的整理

二、wx.getUserProfile的使用

1. 之前的wx.getUserInfo接口的使用

<!--index.wxml-->
<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">某个按钮</button>
// index.js
    // // 查看是否授权
    // wx.getSetting({
    //   success(res) {
    //     console.log(res.authSetting); // 现在res.authSetting['scope.userInfo']始终为true
    //     if (res.authSetting['scope.userInfo']) {
    //       // 已经授权,可以直接调用 getUserInfo 获取头像昵称
    //       wx.getUserInfo({
    //         success: function(res) {

    //           that.data.userInfo = res.userInfo;
    //           console.log(that.data.userInfo)
    //         }
    //       })
    //     }
    //   }
    // })
  }, 
学新通

wx.getUserInfo接口的返回参数不变,不再弹出弹窗,将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息)但开发者获取的userInfo为匿名信息。*同时,wx.getSetting 接口请求用户的授权状态,返回匿名数据 scope.userInfo 也为 true,所以现在通过调用wx.getSetting并不能够判断出是否授权了用户信息;

2. 现在的wx.getUserProfile接口的使用

<!--index.wxml-->
<button bindtap="GetUserInfo">某个按钮</button>
// index.js
 /**
   * 获取用户信息授权
   */
  GetUserInfo () {
    var that = this
      wx.getUserProfile({
        desc:'用户信息授权',
        success:(res)=>{
            that.data.userInfo = res.userInfo;
            console.log(that.data.userInfo)
        },
        fail:(res)=>{
          // debugger
          console.log(res)
        }
      }
学新通

效果如下:
学新通
采用wx.getUserProfile接口不需要在使用 button 中的open-type="getUserInfo"bindgetuserinfo=""属性,直接使用在页面产生点击事件(例如 button 上 bindtap 的回调中)后可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo;

三、wx.getUserInfo 切换到 wx.getUserProfile前后对比

学新通
学新通

更多问题可参考:

微信开放社区—>小程序登录、用户信息相关接口调整说明
微信开放社区—>小程序登录、用户信息相关接口调整更新说明

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhhbcfjb
系列文章
更多 icon
同类精品
更多 icon
继续加载