微信小程序官方在2022年11月9日的时候,出了一则公告,公告内容大概为:开发者不能通过wx.getUserInfo接口去获取微信用户头像和昵称了,生效期后发布的插件新版本,通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的插件版本不受影响,但如果要进行版本更新则需要进行适配。通过 wx.login 与 wx.getUserInfo 接口获取 openId、unionId 能力不受影响。因为微信小程序官方为了防止有人不合理收集用户的微信昵称头像,收回了这接口。

然后我们会发现,之前上线的小程序,头像变灰了,昵称也变成了“微信用户”,这对用户体验性来说,简直是致命打击。作为一枚拥有极度强迫症的攻城狮,绝对不能接受这样的情况发生!

针对这一现象,我们怎么来挽救或者规避呢?微信也针对这个问题,做了一些调整,从之前的wx.getUserInfo直接获取,改成了头像昵称填写。开发者呢,则可以根据微信小程序官方指导文档,进行二次处理。

下面是我个人实践的流程和结果:

1、首先前端简单做一个授权界面,因为我是负责后端,前端就简单写一下,同行勿喷!

授权框代码

2、看一下界面效果

我这里设计的逻辑是用户取消授权就跳回原页面,去授权就弹出微信小程序头像选择框;

头像授权

头像选择:

去授权微信小程序头像

这里我们不用去管用户到底是取消授权还是用什么头像,只要触发bindchooseavatar 事件,我们监听这个事件函数,拿到头像结果即可。

选择微信小程序头像,并监听该事件

拿到头像之后,我们可以提示用户填写昵称,当然,如果没有用到昵称也可以不需要这一步,直接去登录。

提示用户去填写昵称

当用户点击输入框的时候,会自动弹出用户微信昵称,此时用户点击昵称填入。

微信昵称获取

用户也可以自行填写,当然,本着后端不相信前端输入的原则,然后后端逻辑拦截一下输入的文字内容,有敏感词汇的,做拦截提示处理。

用户自定义的昵称做名敏感词拦截

获取到头像和昵称后,因为微信提供的头像是一个临时路径,不能作为微信头像的永久路径储存。所以这里需要将头像存入缓存,或者直接传给后端存储。我这里是前端缓存的同时,也传给后端存储了。

头像昵称获取成功

利用文件上传接口,传给后端处理,去储存或者做别的功能。

后端存储

这样,我们就可以愉快的接下一个项目了~

头像昵称获取展示

你们又是怎么处理的呢,欢迎留言交流。下期见~

微信小程序调整头像和昵称获取规则后,开发者该怎样应对?相关推荐

  1. 萤火商城修复2023年最新微信小程序登录头像和昵称授权

    根据官方微信小程序开发关于登录授权API的调整,自 2022年10月25日起有关API接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 "微信用户".(如下图所示) < ...

  2. 微信小程序个性头像、国庆头像、新年头像、圣诞头像等合成

    微信小程序个性头像.国庆头像.新年头像.圣诞头像等合成 先看一下,整体效果,搜索微信小程序<我i头像> 微信小程序生成国庆头像工具,祝大家国庆快乐#国庆 1 操作与对应技术点 1 用 ca ...

  3. 微信小程序用户头像编辑上传

    微信小程序用户头像编辑上传 近期接触了一个小程序项目,需要可以修改用户头像,默认获取用户当前微信头像,点击头像,可调用手机照相机或者本地相册,更换图片. html代码如下: js代码:

  4. 微信小程序更换头像的实现源码

    微信小程序更换头像的实现源码 html <view class='top_head_border'> <image class='top_head' src='{{head}}'&g ...

  5. 微信小程序直播状态接口如何获取

    现如今,小程序直播非常的红火,越来越多的商家开通了微信小程序直播,但是在直播的过程中,偶尔会出现一些小问题,如禁播,异常状态等等,下面小编就来介绍一下微信小程序直播状态接口如何获取. 一.微信小程序直 ...

  6. 解决微信小程序云开发模式无法获取数据库数据问题

    解决微信小程序云开发模式无法获取数据库数据问题 问题: 在数据库有两条数据,获取数据时输出窗口没有任何反应 错误原因: 检查数据库名字是否对应 检查你是否有多个云开发环境 如果有多个云开发环境,就需要 ...

  7. 微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法

    微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...

  8. 微信小程序页面上面的名字怎么改_微信小程序取名|如何修改名字|取名规则!...

    原标题:微信小程序取名|如何修改名字|取名规则! 在过去的建站使其曾有「域名比老板重要」的说法,而现在,微信小程序的名字也至关重要,拥有一个好的名字,将能带来众多的流量.小程序名字虽然只是个简单的符号 ...

  9. 关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式

    一.背景 小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区 二.案例 1.点击登录按钮 点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击 ...

最新文章

  1. c语言中的tanh函数,tanh()函数,用于C ++中的复数
  2. python教程:apscheduler模块使用教程
  3. U盘容量减少的解决办法
  4. The “data“ option should be a function that returns a per-instance value in component definitions
  5. 快速的骆驼和云消息传递
  6. 信息安全工程师笔记-综合知识冲刺(一)
  7. C++函数指针和类成员函数指针
  8. select2,利用ajax高效查询大数据列表(可搜索、可分页)
  9. 宏碁(acer)被攻击:黑客索要 3.25 亿元赎金
  10. Bailian2808 校门外的树【基础】
  11. Android实时直播,一千行java搞定不依赖jni,延迟0.8至3秒,强悍移动端来袭
  12. u盘重装惠普服务器系统,教你hp惠普u盘重装win10系统
  13. 小白菜飘过计算机三级数据库
  14. ThinkPad E450 10.11 驱动HD4400的注意即解决方法_s芃成_新浪博客
  15. 在线压缩图片---*.jpg *.png
  16. 用大白话聊聊JavaSE
  17. 四川托普计算机学校官网,四川中等职业技术学院
  18. java字符串反转reverse();
  19. 级联H桥储能系统研究与设计 soc均衡控制,相内soc均衡,相间soc均衡,蓄电池充放电控制 级联h桥储能
  20. Python自动生成数据日报

热门文章

  1. 数字化时代,中小企业如何做营销和销售?
  2. Microsoft Visual Basic/C++ Redistributable v0.56.0 开源VC运行库合集
  3. saas产品如何搭好架构?
  4. 【1024特辑】带你掌握框架的灵魂——反射技术
  5. Anlogic TD Download使用-主区/备份区升级
  6. 谷歌搜索区分优质内容与不良内容SEO优化
  7. 长度最多为6个汉字或12个字母数字JS验证
  8. 安卓加密软件_oppo加密笔记在哪里?oppo手机怎么给云笔记加密? - 敬业签便签...
  9. 海量无损高音质音乐文件分享180TB(持续更新)
  10. bat获取计算机时间,bat文件获取系统时间