2022年12月份最新小程序头像昵称获取方式

小程序头像昵称获取方式又双叒改变了，自小程序基础库2.21.2开始，小程序开始废弃wx.getUserProfile接口，新提交的小程序从此接口获取的头像昵称均变为默认头像和昵称，这对于一个开发了几百款小程序的老猿来说，无疑是个晴天霹雳，没办法，谁让我们是苦逼程序员呢，只能跟着官方大大的步伐前进

此次更新官方对于用户的隐私保护更进一层，允许用户自己选择是否填写头像昵称，官方为开发者提供了头像昵称填写能力，将场景设置为用户以自愿填写资料的方式来完善头像昵称。

首先是填写昵称，需要使用button组件，将button组件的open-type值设置为chooseAvatar即可，另外提供了bindchooseavatar来进行头像填写事件的回调，注意在bindchooseavatar事件的回调中，返回的是一个临时路径，而不是像以前那样返回一个永久链接，因此开发者需要自己处理将头像上传到后端以获得永久保存

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button> const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'Page({data: {avatarUrl: defaultAvatarUrl,},onChooseAvatar(e) {const { avatarUrl } = e.detail this.setData({avatarUrl,})}
})

在一个就是昵称的填写，昵称填写用到了input输入框，将type设置为nickname微信即在键盘上方提供用户昵称的快速填入，当然用户也可以选择填写其他昵称，有一个需要注意的点是使用input组件的输入监听是监听不到用户的填写的，因此需要使用到form组件的bindsubmit方法进行监听

<form bindsubmit="submit"><input type="nickname" name="nickname" class="weui-input" placeholder="请输入昵称" /><button class="confirm" form-type="submit">确定</button></form>

最后在将用户填写的头像和昵称上传到后台即可绑定用户的头像昵称啦

需要示例代码的可以下载我的资源小程序头像昵称填写示例代码-Javascript文档类资源-CSDN文库

2022年12月份最新小程序头像昵称获取方式相关推荐

微信小程序头像昵称填写功能
自 2022 年 10 月 25 日 24 时后(以下统称 "生效期" ),用户头像昵称获取规则将进行如下调整: 自生效期起,小程序 wx.getUserProfile 接口将被收 ...
微信小程序头像昵称填写能力
1.基本介绍微信小程序获取头像昵称的能力,最近又进行了一次调整,如果没有记错这是今年第三次调整了,每次调整每个开发者心中我相信都跟我一样,万马奔腾...今天写个demo体验下实际效果如何. 详细信息 ...
关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式
一.背景小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区二.案例 1.点击登录按钮点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击 ...
微信小程序最新用户头像昵称获取规则调整应对措施（2022）
目录一.调整二.应对措施 2.1 更新头像 2.2 更新昵称三.完整代码一.调整小程序用户头像昵称获取规则调整公告以前通过wx.getUserProfile获取用户信息,用户点击同意以后, ...
最新小程序获取个人信息头像名称openid等方法
最新小程序获取个人信息头像名称openid等方法一.利用标签显示头像和用户名(用于展示微信开放的数据) <open-data type="userNickName"> ...
微信头像昵称获取能力的变化导致了我半年没更新小程序
背景 2022年9月份,微信更改了获取头像昵称的规则,回收了原有 wx.getUserProfile 中的部分能力,为了减小对[微点记账]小程序的影响,长达半年未做任何更新,今天为了增加这个聊天机器人 ...
微信小程序官方调整头像昵称获取问题；微信扫码链接wifi，wifi地推，两种可行的解决方案
微信小程序官方调整头像昵称获取问题:微信扫码链接wifi,wifi地推更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访 ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
1688商品店铺列表接口，1688详情页接口 2022年3月份最新算法
1688商品店铺列表接口,1688详情页接口 2022年3月份最新算法 "api": "mtop.1688.shop.data.get", "data ...

2022年12月份最新小程序头像昵称获取方式

2022年12月份最新小程序头像昵称获取方式相关推荐

最新文章

热门文章