自2022年10月25日24时后，微信小程序不再能通过授权直接获取到用户的微信头像和昵称；为了保护用户隐私，改成 头像昵称填写能力 ，获取头像昵称的流程变复杂了。官方公告头像昵称获取改版后使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar，当用户选择需要使用的头像之后，可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。从基础库2.24.4版本起，若用户上传的图片未通过安全监测，不触发bindchooseavatar 事件。昵称填写需要将 input 组件 type 的值设置为 nickname，当用户在此input进

欢迎点击领取-《前端面试题进阶指南》：前端登顶之巅-最全面的前端知识点梳理总结*分享一个使用比较久的🪜技术栈：taro框架+vue3版本解决在微信小程序获取微信头像时控制台报错：找不着wxfile://tmp文件路径,失败，原因如下：因为微信提供给我开发者的是一个本地的临时文件是会失效的所以存在服务器，时间失效就回显失败了；1、微信小程序官方因保障用户隐私及自选项，新版本的获取用户基础信息发生变更；版本历史变迁，自2022年10月25日24时后做出相关调整；可查看微信开放平台社区；1.1获取头像的正确姿势：头像获取的是一个临时路径，千万不要将直接获取的地址存储到数据库中；eg:wxfile:/

点开qq群，打开界面内，点击右上角更多功能，找到我的本群昵称，先粘贴你想要的彩色代码，然后输入你的群昵称，点击“完成”之后就可以看到上方的名字已经是彩色的了。就比如我觉得比较好看的是：智多星，效果如下： 以下是彩色代码：潮流朝夕粉黛夜空晚秋糖果缤纷盛夏日出霓虹闪烁马卡龙科技感黄昏高级灰冬梅初春红色黑色红色粉色紫色蓝色绿色黄色

一、背景自2022年10月25日后，小程序 wx.getUserProfile接口 被收回，通过wx.getUserInfo接口获取用户头像将统一返回默认灰色头像，昵称将统一返回“微信用户”。如需获取用户头像昵称，可以手动获取，具体步骤👉「头像昵称填写能力」规则说明指引：小程序用户头像昵称获取规则调整公告|微信开放社区二、头像昵称填写头像昵称填写指引：头像昵称填写|微信开放文档2.1、默认状态2.2、头像选择①头像选择将button组件open-type="chooseAvatar"，当用户选择需要使用的头像之后，可以通过 @chooseavatar事件回调获取到头像信息的临时路径。2.2.1

导读：大厂程序员都是有KPI绩效考核的，所以他们不能闲着，每天要想着怎么优化程序代码、怎么满足奇葩用户的需求，所以苦逼了我们这些小公司程序员，微信一个小小的API接口改动，可能就让一个小公司因此损失惨重，甚至直接面临倒闭。鹅厂可不管你这些小公司的死活，毕竟他们又不缺用户，我们只能含泪加班改功能了。最近突然发现微信小程序的用户全都是灰色头像，昵称全都是叫“微信用户”，还以为服务器被黑客攻击，植入了大量的机器人账号，找半天问题才发现是微信小程序接口又改了，尼玛，一个头像和昵称改来改去，鹅厂程序员都没事干了吗，就跟这头像和昵称过不去了？ 看微信官方的说法，意思就是不让直接使用wx.getUserPr

微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo，2021年4月5日被废弃，原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户，后面新添加的一个开放接口wx.getUserProfile，也是用于获取用户头像和昵称。下面是调整公告但如果我们现在再使用类似的方法时，往往无法得到自动获取用户头像昵称的效果。微信小程序开发现已不支持使用wx.getUserProfile接口获取用户头像,同时也无法使用wx.getUserInfo接口获取用户头像和昵称，

微信发布《小程序用户头像昵称获取规则调整公告》之后，无法再使用getUserProfile获取用户头像和昵称，因此小程序官方提供了头像昵称填写功能来完善个人资料。对button添加open-type="chooseAvatar"bind:chooseavatar="onChooseAvatar"获取头像对input添加type="nickname"获取昵称使用方法：新增一个个人信息页面用来完善个人资料获取头像：Button open-type="chooseAvatar"onChooseAvatar={onChooseAvatar}//在taro中使用的是onChooseAvatarclass

开放能力 /用户信息 /获取头像昵称头像昵称填写从基础库 2.21.2 开始支持当小程序需要让用户完善个人资料时，可以通过微信提供的头像昵称填写能力快速完善。使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar，当用户选择需要使用的头像之后，可以通过 bindchooseavatar 事件回调获取到获取到头像信息的临时路径。代码示例在开发者工具中预览效果{avatarUrl}}">把上面的修改为  data(){ return{ avatarUrl:'https://mmbiz.qpic.cn/mmbiz/icTdb

在父组件引入该组件{showModal}}"id='autnMes'bind:onConfirm="onConfirm"> 子组件详细代码为:authMes.wxml{showModal}}"roundbind:close="closeHandle"custom-class="auth-box"custom-style="width:84%;z-index:10002;"overlay-style="z-index:10001;">提示为提供更好的服务，我们邀请您填写昵称，头像等公开信息头像{avatarMes.avatarUrl}}"wx:if="{{avatarMes.avatarUrl}

目录1.背景分析2.具体需求分析3.前端设计3.1用户登录3.2头像昵称填写（个人信息界面）4.后端设计4.1项目架构分析4.2代码分析实体类dao层service层controller层工具类5.nginx部署6.效果演示1.背景分析众所周知，微信小程序获取用户信息的接口经过了好几次调整，目前来说【wx.getUserProfile】 和【wx.getUserInfo】 这两个获取用户信息的接口都已经停用了，取而代之的是【头像昵称填写能力】：详见小程序用户头像昵称获取规则调整公告：