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

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

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})}
})

效果如图：

参考官方：

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

微信小程序用户头像昵称获取规则相关推荐

关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式
一.背景小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区二.案例 1.点击登录按钮点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击 ...
微信小程序用户头像昵称获取规则调整对应
根据微信社区的最新公告,自2022年11月8日24时起,小程序 wx.getUserProfile 接口.wx.getUserInfo 接口获取用户昵称头像将被收回对于来自低于2.27.1版本的访问 ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
微信小程序用户头像昵称获取新规适配教程，用户自定义头像昵称
关于login接口,大家可以看官方文档,相信大家程序也都已经写好了这个接口 // pages/login/index.js Page({/*** 页面的初始数据*/data: {},showNameC ...
taro小程序用户头像昵称获取
微信发布<小程序用户头像昵称获取规则调整公告>之后,无法再使用getUserProfile获取用户头像和昵称,因此小程序官方提供了头像昵称填写功能来完善个人资料. 对button添加ope ...
小程序用户头像昵称获取不到解决办法
1. 根据官方要求,不会要求强制性授权,头像和昵称也将被收回,给的是统一的头像和昵称,需要我们调用接口去获取微信头像和昵称. 2. 通过原生的标签调用来获取微信头像和微信昵称.注意:这里的标签不能够 ...
微信小程序最新用户头像昵称获取规则调整应对措施（2022）
目录一.调整二.应对措施 2.1 更新头像 2.2 更新昵称三.完整代码一.调整小程序用户头像昵称获取规则调整公告以前通过wx.getUserProfile获取用户信息,用户点击同意以后, ...
小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）
官方调整公告小程序用户头像昵称获取规则调整公告解决方案1 如有必要场景需收集用户头像昵称,可在个人中心或设置等页面让用户完善个人资料解决方案二(官方) 微信头像昵称填写使用方法头像选择需要 ...
小程序用户头像昵称，微信头像昵称填写能力 uniapp和原生小程序
官方调整公告链接:小程序用户头像昵称获取规则调整公告 | 微信开放社区使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头 ...

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

微信小程序用户头像昵称获取规则相关推荐

最新文章

热门文章