以下解决方案来自51CTO博客作者编程小石头的原创作品

最近好多小伙伴在使用getUserInfo获取小程序用户昵称和头像时，图然变成了下面这样。
错误图示

很多小伙伴肯定就疑虑了，明明我代码没有做任何改动啊，怎么突然就这样了呢。还记得我们之前应该长这样啊。

微信又改规则了

代码改动
好在代码改动量不是很大，基本上改动5行代码就可以完事了。下面就来教大家如何改动代码吧。
1，先来看看老代码

js里的老代码

可以看到我们用老代码，获取的就是下面这样灰色的头像和微信用户这样的昵称

2，认识wx.getUserProfile
其实这个wx.getUserProfile和我们之前使用button结合open-type=“getUserInfo” 和bindgetuserinfo事件获取用户信息没有太大区别，所以我们先来认识下wx.getUserProfile

这样改动其实还有点点好处，就是我们只需要在点击事件里调用wx.getUserProfile就可以调起授权弹窗，没必要非得在button组件里使用点击事件了。

解决问题的代码

1，wxml里的代码改动

2 js里的代码改动

这里我们主要是使用

wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: (res) => {console.log("获取用户信息成功", res)},fail: res => {console.log("获取用户信息失败", res)}
})

可以看到能成功的调起授权弹窗了

并且可以获取真实的昵称了

补充知识点：保存用户信息到缓存

如果我们每次进入页面都让用户点击授权，就有点太烦锁了，其实可以在第一次授权成功获取用户信息的时候把数据缓存在本地缓存的。下面就来教大家如何缓存用户信息。

代码以及完整的注释都贴出来给到大家

主要就是要调用
wx.setStorageSync存数据到本地缓存
wx.getStorageSync取缓存数据

wxml页面的代码也贴出来给到大家

还有我们的wxss样式

到这里我们就把官方的这个坑给填好了。

以下解决方案来自51CTO博客作者编程小石头的原创作品

附解决方案，小程序获取的用户信息中昵称图然变成了“微信用户”，而且头像也显示不了？相关推荐

微信小程序获取住户地区信息
微信小程序获取住户地区信息微信小程序获取住户地区信息微信小程序获取住户地区信息 1.现在app.js里面配置如下 { //向用户申请获取授权"permission": {&qu ...
微信小程序获取二维码中URL中带的参数
解析微信小程序获取二维码中的url参数 onLoad: function (options) { console.log(options) let qrUrl = decodeURIComponent ...
uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现
1.调用接口,官网文档是这样写的 uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度:' + re ...
微信小程序——获取具体地理位置信息
通过微信自己的接口API,用户授权后获取到经纬度,通过经纬度调用地图接口返回地理位置信息. 简单.明了!!!(网上自己查询的文档进行编程,转载请注明出处) 代码如下: qqMapApi: 'http: ...
微信小程序判断是iOS系统还是安卓系统，微信小程序获取当前设备信息；
直接写在app.js里全局通用. onLaunch(e) {var that = thiswx.getSystemInfo({success:function(res){that.globalData ...
小程序获取sessionkey_小程序，足不出户获取更多客源
小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态.小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿. ...
uni-app微信小程序获取手机号；微信小程序获取手机号，获取到后需要进行解密；微信小程序获取手机号失败 Error：该appId没有权限
方法1.uni-app登录加获取手机号解密-直接看此篇即可解决微信小程序获取手机号注意点: 1.需要先登录,微信小程序登录看这篇 2.手机号获取到时加密的,需要后端解密或者前端自己解密(解密时候就会 ...
微信小程序时间加法_微信小程序获取系统时间、时间戳、时间时间戳加减
微信小程序获取系统时间.时间戳.时间时间戳加减,微信小程序获取明天时间 //获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = ti ...
微信小程序获取用户信息更新解决方案
微信小程序获取用户头像和昵称更新了,以下代码是兼容旧版本微信和新版本微信的解决方案,仅供参考直接上代码 <template><view ...

附解决方案，小程序获取的用户信息中昵称图然变成了“微信用户”，而且头像也显示不了？

解决问题的代码

补充知识点：保存用户信息到缓存

附解决方案，小程序获取的用户信息中昵称图然变成了“微信用户”，而且头像也显示不了？相关推荐

最新文章

热门文章