微信小程序用户未授权bug解决方法,微信小程序获取用户信息失败解决方法

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文:

bug示例图:

导致这个bug的原因是 wx.getUserInfo(OBJECT) 接口做了调整;

请看官方文档的描述:

 

wx.getUserInfo(OBJECT)

注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作

  1. 当用户未授权过,调用该接口将直接报错
  2. 当用户授权过,可以使用该接口获取用户信息

 

很明显,现在想要获取用户登录授权信息需要从button来获取了,如果只是想要展示用户的头像和昵称的话可以用官方新出的组件,示例:

 

<!-- 如果只是展示用户头像昵称,可以使用 <open-data /> 组件 -->
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>

这样就可以直接展示用户的头像和昵称。

 

获取用户登录授权信息使用方式:

 

<!-- 需要使用 button 来授权登录 -->
<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
<view wx:else>请升级微信版本</view>
//js
Page({
  data: {
  },
  bindGetUserInfo: function(e) {
    console.log(e.detail.userInfo)
  }
})

 

 

 

相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值