微信小程序新版本后用户昵称变成了“微信用户“解决方法

今天在做小程序的时候突然发现获取用户昵称和头像的时候出现了奇怪的bug（如下图）

检查了n遍代码后还是找不到问题，想着看看以前的代码是怎么写的，结果发现所有的都变成了这种情况，肯定是官方又更新了，经过一系列的查看文档修改后成功解决了问题，现在将解决过程记下来，一是做一个记录，二是希望能帮助到大家

解决过程
第一时间是查看是不是微信又更新了（之前就因为一个bug卡了好长时间，最后发现使用的是旧版本。。。）当更新到最新版本1.05.2103190后，在终端发现了

微信小程序提供了一个新的接口wx.getUserProfile获取用户信息

官方详情文档

重点：wx.getUserProfile不能在onShow或者onLoad里面调用，要在 catchtap或者button的bindtap调用

最终代码

Page({data: {userInfo: null,isUser: false},getUserProfile() {wx.getUserProfile({desc: '使用户得到更好的体验',success: (res) => {console.log("获取用户信息成功", res)let user = res.userInfowx.setStorageSync('user', user)this.setData({isUser: true,userInfo: user})},fail: res => {console.log("获取用户信息失败", res)}})},onShow() {this.getUserProfile()var user = wx.getStorageSync('user')if (user && user.nickName) {this.setData({isUser: true,userInfo: user})}}
})

wxml

<view class="header" wx:if="{{isUser}}"><image src="{{userInfo.avatarUrl}}"></image><text>{{userInfo.nickName}}</text>
</view>
<view wx:if="{{!isUser}}"><button type="primary" bindtap="getUserProfile">登录</button>
</view>

原文链接：https://blog.csdn.net/qq_45758589/article/details/115414315

微信小程序新版本后用户昵称变成了“微信用户“解决方法相关推荐

微信小程序手机号解密报错：pad block corrupted 解决方法
微信小程序手机号解密报错:pad block corrupted 解决方法微信小程序获取用户手机号,后端解密手机号的时候偶尔会报错 javax.crypto.BadPaddingException: ...
微信支付服务商，![CDATA[sub_mch_id与sub_appid不匹配],微信小程序支付，签名错误，CDATA[签名错误]解决方法，支付签名验证失败
微信支付服务商,微信小程序支付,签名错误,CDATA[签名错误]解决方法 1:服务商和普通的商户支付在代码上没有太大差异(不同的是上传的参数,而且微信支付服务商参数上比较难找,官方文档又太简洁,所以很 ...
微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法
微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法 Math.pow()函数是不能负数开立方的,会返回Null,因为对于计算机而言,负数开三次方是一个复数(实际上负数开三 ...
微信小程序音频或视频拖动进度条时间不变解决方法
问题描述: 微信小程序在较新版本的音频接口中推荐使用InnerAudioContext对象实现音频的播放.暂停.跳转等功能,通过监听接口回调实现. InnerAudioContext.onTimeUp ...
微信小程序使用swiper制作轮播图留白的解决方法
微信小程序相比网页制作轮播图快捷了很多,直接可以使用swiper标签,但是对于新手来说,也有很多不可避免的坑. 附上轮播图代码 <view class="swp">&l ...
微信小程序出现【需要进行身份验证】弹框解决方法
2019独角兽企业重金招聘Python工程师标准>>> 问题在做微信小程序时,需要使用 Authorization 进行授权,结果每次登录的时候都出现这个弹窗. 原因部分代码如下 ...
微信小程序不能使用本地图片当背景图片的解决方法
本来直接用的本地图片,但结果真机调试的时候无法显示,上网查了之后知道小程序图片只能加载网络上的(直接写链接),或者是base64转码后的 style="background-image:ur ...
微信小程序解密encryptedData报错：pad block corrupted 解决方法
今天碰到一个pad block corrupted错误,跟代码发现是Cipher里面的doFinal()爆出的错. 代码: public static JSONObject getUserInfo(S ...
微信小程序page页面下有多余空白区域（解决方法）
出现的问题是这样子的: 仔细检查,是因为自定义组件导致的问题,但是组件中对高度没有定义,应该是自适应的. 解决方法: 在使用自定义组件的外面套上一层层view,然后给它设置高度并设置超出部分隐藏即可. ...
微信小程序—swiper轮播图图片不显示的解决方法
swiper轮播图图片不显示的解决方法遇到图片无法显示的问题,是样式问题在wxss里面新型修改设置宽度 .container{width: 750rpx; } .container swiper ...

微信小程序新版本后用户昵称变成了“微信用户“解决方法

微信小程序新版本后用户昵称变成了“微信用户“解决方法相关推荐

最新文章

热门文章