关于微信小程序新版头像昵称API 接口处理

根据微信官方文档的说法，2022年10月之后，原本的获取昵称和头像的api，也就是wx.getUserProfile和wx.getUserInfo将停止支持，在那之后发布和更新的小程序必须停止使用这两个api。

相关公告链接：小程序用户头像昵称获取规则调整公告

微信推荐的方法是：「头像昵称填写能力」支持获取用户头像昵称：如业务需获取用户头像昵称，可以使用「头像昵称填写能力」（基础库 2.21.2 版本开始支持，覆盖iOS与安卓微信 8.0.16 以上版本）。

官方实例：

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button>
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>

const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'Page({data: {avatarUrl: defaultAvatarUrl,},onChooseAvatar(e) {const { avatarUrl } = e.detail this.setData({avatarUrl,})}
})

但遇到个问题获取头像的路径是临时文件路径后台读取不了。

解决方法：把图片的临时路径发送给自己的服务器

PS：我这个是uni-app开发

<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"><image class="pics" :src="avatarUrl" mode="aspectFill" ></image>
</button>

onChooseAvatar(e) {var _this = thisconst { avatarUrl } = e.detailuni.uploadFile({url: baseUrl + "/api/images", //仅为示例，非真实的接口地址filePath: avatarUrl,name: 'files',fileName: 'files',success: (uploadFileRes) => {var data = JSON.parse(uploadFileRes.data)if (data.code == 200) {_this.avatarUrl = data.data.img_path} else {uni.showModal({title: '提示',content: data.msg,showCancel: false,success: function(res) {if (res.confirm) {console.log('用户点击确定');}}});}}});}

PS：原生开发

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button>
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>

onChooseAvatar(e) {var avatarUrl = e.detail this.setData({avatarUrl,//让图片预览处显示刚刚选择的图片});wx.uploadFile({filePath: avatarUrl,name: 'avatarImg',url: uploadUrl,//服务器端接收图片的路径success:function(res){console.log(res);//发送成功回调},fail:function(res){console.log(res);//发送失败回调，可以在这里了解失败原因}})

具体效果：

当然这样的用户体验是不好的，希望微信小程序团队能够处理好这些情况，不要什么都一刀切。恶心到的最终是用户

关于微信小程序新版头像昵称API 接口处理相关推荐

修复微信小程序不能获取头像和昵称的bug，微信小程序新版头像昵称API使用
导读: 大厂程序员都是有KPI绩效考核的,所以他们不能闲着,每天要想着怎么优化程序代码.怎么满足奇葩用户的需求,所以苦逼了我们这些小公司程序员,微信一个小小的API接口改动,可能就让一个小公司因此损失 ...
小程序api 分享scene_网课查题题库接口API-在线免费授权,微信小程序网课答案api接口...
网课查题题库接口API-在线免费授权,微信小程序网课答案api接口更多相关问题支持员工实现绩效目标.促进员工自身发展的能力标准的目标是().A．组织目标B．部门目标C．发展目标B．化肝煎合左金丸C． ...
关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式
一.背景小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区二.案例 1.点击登录按钮点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击 ...
后台接收数组_微信小程序如何与后台api接口进行数据交互（微信报修小程序源码讲解七）...
完成用户授权登录逻辑后,接下来的开发工作大部分都是与后台 api 接口的交互,本节我们详细讲解一下小程序如何与 api 进行交互 . 小程序如何发送 http/https 请求到后台? 小程序请求 h ...
微信小程序用户头像昵称获取规则
学习了一下写小程序,随手记录一下,就当提醒自己不要半途而废. 2022年10月底起,基础库2.27.1以上版本的小程序已无法直接通过授权获取用户的头像和昵称.b站的很多教程使用的仍是wx.getUse ...
微信小程序获取头像昵称能力API
先贴出官方文档头像昵称填写 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-abil ...
微信小程序_头像昵称填写
头像昵称填写前言从基础库 2.21.2 开始支持当小程序需要让用户完善个人资料时,可以通过微信提供的头像昵称填写能力快速完善. 根据相关法律法规,为确保信息安全,由用户上传的图片.昵称等信息微信 ...
微信小程序用户头像昵称获取规则调整对应
根据微信社区的最新公告,自2022年11月8日24时起,小程序 wx.getUserProfile 接口.wx.getUserInfo 接口获取用户昵称头像将被收回对于来自低于2.27.1版本的访问 ...
微信小程序更改头像昵称
背景前面写了一篇关于小程序头像昵称获取更改的方案,有很多小伙伴私信我发一个整体的逻辑思路! 解决思路前面的这篇文章中我们给出了页面中获取头像昵称的代码: <view class=" ...

关于微信小程序新版头像昵称API 接口处理

关于微信小程序新版头像昵称API 接口处理相关推荐

最新文章

热门文章