微信小程序用户头像昵称获取规则

news/2024/11/28 6:41:47/

学习了一下写小程序,随手记录一下,就当提醒自己不要半途而废。

2022年10月底起,基础库2.27.1以上版本的小程序已无法直接通过授权获取用户的头像和昵称。b站的很多教程使用的仍是wx.getUserInfo或wx.getUserProfile接口授权获取用户信息,和新规则相较之下感觉还是有不小差别的,尤其是对于刚接触小程序的人来说。

用户信息无法再统一授权获取自动补充,而是需要引导用户手动进行填写。在填写时,用户可以选择使用微信头像和用户名快速填充。

如图,图源官方公告。

代码如下:

wxml:

<!-- 头像 -->
<image class="images" src="{{avatar}}" />
<!-- 获取用户信息:按钮获取 -->
<button bind:chooseavatar='getUserAvatar' open-type="chooseAvatar">获取用户信息</button>

js:

​Page({data: {// 用户默认头像avatar: '/ststic/0130.png'},// 获取到用户修改的头像并更改默认头像getUserAvatar(result){// const定义变量时的{},涉及到ES6中变量的解构赋值,等价于const avatarUrl = result.detail.avatarUrl;const { avatarUrl } = result.detail;this.setData({avatar: avatarUrl})}
})

效果如图:

参考官方:

微信小程序开发文档 - 开放能力 / 用户信息 / 获取头像昵称


http://www.ppmy.cn/news/629170.html

相关文章

微信小程序获取昵称,头像

微信小程序wx.getUserProfile方法被收回 使用 头像昵称填写能力 开发 获取头像 <button class"avatar-wrapper" open-type"chooseAvatar" bind:chooseavatar"onChooseAvatar"><image class"avatar" src"{{avatarUrl}}…

微信小程序获取获取头像昵称

小程序获取头像昵称之前可以通过以下代码可以实现2022年2月21日24时起小程序回收&#xff0c;目前已经停用。 小程序用户信息相关接口调整公告链接如下 https://developers.weixin.qq.com/community/develop/doc/000e881c7046a8fa1f4d464105b001 <!-- 拉取用户名称 -->…

微信小程序获取用户头像和昵称

代码user.wxml&#xff1a; <view > <view><image class"avatar" src{{userInfo.avatarUrl}}></image><view class"nickname">{{userInfo.nickName}}</view> </view> </view> user.js //sort.js //獲取應…

微信小程序获取头像昵称 保存头像到服务器

微信官方推荐的替代做法&#xff1a;头像昵称填写 | 微信开放文档 (qq.com) wxml <button class"avatar" open-type"chooseAvatar" bind:chooseavatar"onChooseAvatar"><image src"{{avatarUrl}}"></image> </b…

通过QQ号获取QQ头像、昵称以及空间头像

前言 有时候设置了QQ头像之后&#xff0c;想获取自己的QQ头像却不知道怎么办&#xff0c;于是就有了下面的方法&#xff0c;从网上找了一堆方法&#xff0c;发现有几个是可用的&#xff0c;特此记录一下。 QQ头像 http://q1.qlogo.cn/g?bqq&nk945794520&s100http://q1…

微信小程序最新获取头像和昵称的方法 直接用!

调整背景 微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo&#xff0c;2021年4月5日被废弃&#xff0c;原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗&#xff0c;如果用户点击拒绝&#xff0c;无法使用小程序&#xff0c;这种做法打断了用户正…

微信小程序获取用户头像和昵称(填写头像昵称能力)

开放能力调整公告 总体来说就是通过按钮来授权获取用户基础信息的能力都没啦&#xff08;wx.getUserProfile&#xff0c;wx.getUserInfo都不行了&#xff09;&#xff0c;都要使用新版本的 【头像昵称填写能力】啦。小程序用户头像昵称获取规则调整公告 获取头像 获取头像代码…

关于微信小程序获取头像和昵称

不知道为什么微信一直对开发者获取&#xff1a;微信头像微信昵称。一直抱以限制态度&#xff0c;关于接口调用方法&#xff0c;也是一直在修改&#xff01; open-type“getUserInfo” 在2021年4月13日停用 wx.getUserInfo 在2021年4月28日停用 wx.getUserProfile 在2022年11月8…