关于微信小程序--授权弹窗

blabla赞

已于 2022-05-14 16:36:04 修改

阅读量6.6k

点赞数 4

CC 4.0 BY-SA版权

文章标签：微信小程序小程序

于 2022-05-14 16:28:08 首次发布

本文链接：https://blog.youkuaiyun.com/dadati/article/details/124769828

本文讲述了作者在微信小程序开发过程中遇到的问题，即使用button组件获取用户信息时，发现旧的方法不起作用。作者通过查阅官方文档和更新历史，了解到wx.getUserInfo接口已调整，需使用wx.getUserProfile。在调整代码并更新环境至与教程相同的版本后，问题得到解决。这是一个关于微信小程序接口更新和适配实践的案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现

1.进入微信文档官网，找到button组件
添加链接描述
2.阅读文档，发现只需设置一个opentype类型和bindgetuserinfo

<button class="button"  bindgetuserinfo="GetuserinfoHide" open-type="getUserInfo">获取用户信息</button>

3.在js页面编写GetuserinfoHide函数的实现

GetuserinfoHide(res){
  console.log('用户信息',res.detail.userInfo);
  if(res.detail.rawData!=undefined){
    if(res.detail.rawData.length!=0){
      const userInformation=res.detail.userInfo;
       this.setData({
       userInfo:userInformation
       })
     }
  }else{
    console.log('用户点击拒绝',res.detail);
  }
},

4.以上操作完成后，在模拟器上进行调试，怎么也出不来效果，log可以打印出res，但是获取用户信息失败。通过百度，查看官网。最终得知。
微信小程序对 wx.getUserInfo 接口进行了调整，原来的 open-type 和 getuserInfo 已经不会弹出授权框了。此时应使用 wx.getUserProfile 解决弹出框的问题，并且 wx.getUserProfile 只能使用 catchtap 或者 bindtap 进行调用。附上调整后的链接添加链接描述
由于我搜到的大多说明该问题文章是在2021年4月份左右，但是我在b站上看的视频是2021年10月份左右。所以就看了一下源码。发现我的环境是