微信小程序获取头像昵称失败

1、        其实大部分人对于用户名和头像是不太在意的，如果你不是圈子，论坛小程序，只是普通工具，基本到这步也就可以了，当然，最好还是给用户加一个自定义功能，这样也有更好的用户体验，留住一部分强迫症的用户。

2、我这里获取到的链接是：http://tmp/bnMmEbfpqclVa77acadd216b18c692b3a2aa1d5053jpeg。

3、https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01(微信小程序获取头像昵称失败)。

4、?更换昵称?

5、我在小程序后台设置了基础库0或以下版本，为什么还是不能获取头像和昵称？

6、那么今天，让小编带着大家一起解开内心的疑惑吧～

7、        并给用户一个默认昵称，比如游客、普通用户、SSSSVIP中P，反正随意设置，我设置的是用户+用户ID：

8、使用open-data展示用户基本信息。

9、js:

10、那我们如何才能获取自己喜欢的头像和昵称呢❓❓❓

11、为什么获取到的头像链接在浏览器上打不开？

12、2进去群聊，可以看到只有头像，没有昵称，点击右上角的…图标

13、wxml：

14、我这里在「button」里面添加了「image」组件是为了实现点击头像(图片)就触发头像选择。

15、https://developers.weixin.qq.com/miniprogram/dev/framework/client-lib/version.html(微信小程序获取头像昵称失败)。

16、wxml:

17、安全管理：

18、在好友查找框里输入好友微信昵称，然后开始搜索；

19、当我们点击完昵称的选项之后，就会进入到更改微信名字的页面中，我们先点击原来的昵称，将其文字删除。

20、需要将组件open-type的值设置为getPhoneNumber。用户点击后会弹出一个授权弹窗让用户确认(若该用户账户未绑定手机号码会执行一次绑定手机号码的流程；授权弹窗每次使用都会弹出)。用户同意后，开发者可以通过bindgetphonenumber事件回调获取到一个加密数据，开发者可以把该数据传回到自己的服务端进行解密获取手机号。

21、为优化用户体验，使用wx.getUserInfo接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用wx.getUserInfo接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。

22、微信版本:0.29

23、需要自主更改。

24、小程序

25、其实只是获取了手机号，头像昵称是通过open-data组件展示，并没有真正获取。

26、4如图所示，已经显示昵称了。

27、对于来自基础库1及以上版本，组件自带压缩和裁剪功能；对于来自基础库1以下版本，你可以做兼容处理。

28、      这次我着重要讲的是，用户静默登录后怎么样展示给用户，我的方法是设置一个默认头像：

29、通过昵称来搜索好友的话，会出现很多名字一样的微信用户，需要自己通过其他方式去精确到要找的那个人；

30、当我们点击完自己的头像之后，就会进入到个人信息的页面中，我们点击一下此页面中的“昵称”选项进入更改昵称的页面中。

31、获取到用户输入的昵称后，你可以将其保存到数据库里面。

32、有的，组件在基础库4版本起，已经接入了内容安全服务端口。如果昵称或头像有异常时，页面会显示消息提示框，输入的昵称会被清空，头像也不会返回临时路径。请不要完全依赖内容安全服务。

33、https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html

34、请已使用wx.getUserProfile接口的小程序开发者和已使用wx.getUserInfo接口的插件开发者尽快适配

35、        用户点击上方按钮即可调起快速填写界面，用户选择完图片后，onChooseAvatar方法将会收到头像回调

36、        这样也方便了用户快速填写，一些论坛，圈子小程序更好进行适配，以及像我这样的强迫症开发者，可以不用，但不能没有....

37、        不过我在5月份以后开发的小程序，都开始转为了静默登录，用户自己可以上传头像和用户名这种。

38、‍‍‍‍

39、        之后将获取到的e.detail.avatarUrl上传，替换到用户数据库中的默认头像即可。

40、当我们触发组件，选择好头像后，我们可以从事件回调中得到头像链接「avatarUrl」。

41、球点赞

42、查看官网伏岩如下图才知道API更新了：

43、使用button组件，并将open-type指定为getUserInfo类型，获取用户基本信息。

44、详情请看:https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801?highLine=login

45、2021年4月调整为通过wx.getUserProfile获取用户的头像、昵称等信息

46、2022年10月25日24时后将调整为使用「头像昵称填写能力」

47、1打开微信，打开群聊

48、js:

49、        这样，当用户进入小程序后，我们直接就进行静默登录，并将用户名和头像同用户openid一起存到数据库，用户在无需任何操作的情况下，就拥有了自己的账户，比以前点击一键登录还要无感，是不是非常nice！

50、3进去聊天信息界面，找到显示群成员昵称，把右侧的开关打开

51、https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.cropImage.html

52、可以通过被找到的用的性别、头像、朋友圈最近发发的照片、文章来判断在众多同昵称的用户中哪个才是自己需要找的那一个；

53、        好在这次新规其实在今年5月份就发布了，现在10月份才开始实施，留给了开发者足够的跑路时间。

54、        所以我的思路就是直接使用wx.login，在用户进入小程序的第一时间就进行静默登录，然后给用户一个默认的昵称和头像，用户可以选择修改/不修改，无论怎样，我们都可以用openid或后台数据表ID来区分用户。

55、「头像昵称填写」有安全检测吗？

56、首先我们需要打开手机桌面的微信图标，然后进入到微信的登录页面，输入账号和密码或者利用手机验证码登录，登录成功之后我们点击我，然后点击自己的微信头像。

57、        而获取用户的昵称头像，只不过是给用户看起来正规的感觉，但除此之外，对于一些普通小程序来说，用处不是很大，毕竟不会有开发者靠昵称头像等数据来区分用户。

58、?更换头像?

59、详情参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/button.html

60、        之后用户点击确定后，即可用以前的方式获取input的值，传给后台，写到用户的数据库昵称字段中，完成！

61、以下是原公告：

62、        也就是使用wx.login接口实现，其实我们后台基本都是靠openid来区别用户，而获取openid的login接口无需用户确认，用户也感受不到，这就是静默登录。

63、效果如图所示：控制台之中打印出昵称，微信头像等个人信息。

64、开发者可使用以下方式获取或展示用户信息：

65、2018年12月27日,腾讯公司发布《腾讯隐私保护白皮书》,倡导“科技向善,数据有度”的隐私保护理念。在微信小程序的《服务条款》、《运营规范》中,分别设有“用户个人信息保护”和“用户隐私及数据规范”专章介绍。

66、需要二次授权。

67、点击蓝字关注我们

68、详情参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

69、        头像快速填写接口的使用就像调用分享能力，需要用到button的open-type属性：

70、球分享

71、效果如下

72、你也可以体验下

73、wx.getUserInfo和wx.getUserProfile获取头像昵称能力将会被放弃

74、        下面是快速填写昵称能力：

75、通过「头像填写能力」获取到的链接为本地临时链接，只能在本地中读取与使用，随时会失效。

76、https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

77、        关于login接口，大家可以看官方文档，相信大家程序也都已经写好了这个接口