【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022

获取用户信息

小程序官方API更新后获取用户信息显得繁琐要去做兼容判断是否支持wx.getUserProfile 再选择获取用户信息的方式

<view><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称     </button><button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
</view>
Page({data: {userInfo: {},hasUserInfo: false,canIUseGetUserProfile: false,},onLoad() {if (wx.getUserProfile) {this.setData({canIUseGetUserProfile: true})}},getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: (res) => {this.setData({userInfo: res.userInfo,hasUserInfo: true})}})},getUserInfo(e) {// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息this.setData({userInfo: e.detail.userInfo,hasUserInfo: true})},
})

获取用户信息后进行头像页面渲染发现头像显示模糊故而查看了文档哎呦不看文档吃亏了

正常获取到的头像是这样的：avatarUrl: "https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKsiajQ8pZL5Lkt0jvflyvSMDsIbBzuiao2OqIVEwdL8PEleicibFzQ11dCWIYj0H7XzEtDSkibr4VY25w/132"

注意最后的数值默认为132 这就是模糊的原因我们进行处理将数指替换成0 完美解决显示不再模糊

let avatarUrl =  "https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKsiajQ8pZL5Lkt0jvflyvSMDsIbBzuiao2OqIVEwdL8PEleicibFzQ11dCWIYj0H7XzEtDSkibr4VY25w/132"
avatarUrl = avatarUrl.replace('/132', '/0')

官方文档注释：

string avatarUrl

用户头像图片的 URL。URL 最后一个数值代表正方形头像大小（有 0、46、64、96、132 数值可选，0 代表 640x640 的正方形头像，46 表示 46x46 的正方形头像，剩余数值以此类推。默认132），用户没有头像时该项为空。若用户更换头像，原有头像 URL 将失效

【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022相关推荐

小程序获取用户信息 php发送数据库,qq小程序如何获取用户信息并存入数据库实例...
今天给大家带来qq小程序如何获取用户信息并存入数据库的实例,希望能够帮助到大家,让大家不仅知道如何下载qq小程序源码,还能懂得去何用,如何去改,甚至是如何去创造,如果你有好的qq小程序源码出售,可以联 ...
钉钉小程序获取用户信息
钉钉小程序获取用户信息 1.钉钉小程序只允许开发办公类的程序,不能开发娱乐型的程序. 2.钉钉小程序审核需要产品说明书,最大大小不能超过30M(文档). 3.貌似可以用IP,暂时没有看到有关https ...
微信小程序获取用户信息
微信小程序获取用户信息微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
微信小程序获取用户信息-头像、昵称......
微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权目录微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
PHP 微信小程序获取用户信息
小程序授权应用场景:先拿到用户信息(先wx.login获取code,code换取用户session_key,再wx.getuserInfo获取到用户的encryptedData iv ,再通过调用官方 ...
微信小程序获取用户信息流程（2022年版）
开门见山地说,本文主要讲述微信小程序在2022年以后获取用户信息的主要方法,如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话,推荐博主的下面这篇博客 ...
微信小程序获取用户信息（含服务端）
本文获取用户信息方式需要服务端配合,纯前端的可查看微信小程序获取用户信息(纯前端) 若需获取 openid 和用户信息,可使用 wx.getUserInfo() 获取加密后的信息,传给服务端后解密. ...
微信小程序获取用户信息（纯前端）
特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...
微信小程序获取用户信息，得到是匿名信息，微信用户，问题解决
文章目录微信小程序获取用户信息,得到是匿名信息,微信用户,问题解决 1.官方声明 2.究其原因 3.登陆流程变更 4.实际情况 5.PC 端兼容注意点微信小程序获取用户信息,得到是匿名信息,微信用 ...

【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022

获取用户信息

获取用户信息后进行头像页面渲染发现头像显示模糊故而查看了文档哎呦不看文档吃亏了

string avatarUrl

【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022相关推荐

最新文章

热门文章

【微信小程序】 获取用户信息 UserInfo 不注意的小问题 2022

获取用户信息

获取用户信息后 进行头像页面渲染 发现头像显示模糊 故而查看了文档 哎呦不看文档吃亏了

string avatarUrl

【微信小程序】 获取用户信息 UserInfo 不注意的小问题 2022相关推荐

最新文章

热门文章

【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022

获取用户信息后进行头像页面渲染发现头像显示模糊故而查看了文档哎呦不看文档吃亏了

【微信小程序】获取用户信息 UserInfo 不注意的小问题 2022相关推荐