微信小程序获取用户头像昵称最新

1、第二步在(发现)页面中，根据下图箭头所指，点击(小程序)选项。

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

3、https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01

4、在开发者工具上设置的基础库版本，仅用于开发者工具内的调试，所以不能调整移动设备的基础库版本。

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

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

7、第四步打开小程序后，根据下图箭头所指，点击(...)图标。

8、 如果您想要修改您的昵称，可以再次点击个人资料页面中的用户名，并输入一个新名称。确保您的新名称不包含敏感或违法内容。

9、 点击左上角的图标以打开您的个人资料页面。

10、第六步进入(设置)页面后，根据下图箭头所指，点击(小程序已获取的信息)选项。

11、具体如下：

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

13、 进入微信后,点击右上角账号图标,进入账号信息界面。

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

15、既然官方老是变来变去，还不给我们可以长久使用的头像链接，那么我们就来自己存储用户头像，让这个头像是长久可以用的链接。所以我们这里需要自己开发后台存储头像。有以下几种方式用Java或者php开发后台，存储头像和昵称用云开发的云存储存储头像生成永久链接

16、https://developers.weixin.qq.com/miniprogram/dev/framework/client-lib/version.html

17、微信官方昨天天对小程序再次进行了大力升级，这次重点是开放插件能力，开发者看到肯定会欢呼雀跃。

18、同时，开发者可在插件内调用微信支付，为用户提供预订、购买等服务。开发者可在插件管理后台申请此能力，通过后可在插件内使用微信支付功能。

19、官方为了补偿我们呢，给我们提供了一个新的方案。

20、第三步根据下图箭头所指，找到并点击相关小程序。

21、也可以点击随机头像与昵称，系统将自动生成匹配头像昵称。

22、首先在手机中打开第三方应用的登录界面，点击“微信登录”。

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

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

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

26、在弹出的需要申请微信授权使用头像昵称信息的页面，点击“新建头像昵称”。

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

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

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

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

31、首先，为帮助插件开发者更好地管理用户，现在微信小程序支持在插件内使用微信登录。用户同意后，开发者将可获取用户的身份标识、头像、昵称等信息。

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

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

34、 在(新建用户信息)页面，点击(头像)图标，选择头像并填写昵称。

35、wxss样式

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

37、第五步在弹出的菜单栏中，根据下图箭头所指，点击(设置)图标。

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

39、首先看下效果图

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

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

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

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

44、 进入账号信息界面后可以看到用户基本资料,点击功能设置选项。

45、选择好新的头像昵称后，点击“同意”即可通过虚拟的账号昵称登录第三方应用，

46、你也可以体验下

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

48、点击昵称输入新的昵称文本，点击头像可以从相册中选择照片头像。

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

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

51、js逻辑代码

52、 退回登录页面，点击(同意)选项。

53、 打开微信应用程序并登录您的帐户。

54、微信用户名昵称存在大量重复，无法成为查找依据，更无法借此添加好友。需要注意的是，你就算知道对方绑定的手机号、微信号等信息，也不一定能搜到他。

55、第七步在跳转的页面中，根据下图箭头所指，点击(管理)选项。

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

57、其实官方又说一句话，对于低于1版本的小程序，还是可以使用授权接口的，也就是说，只要我们的基础库低于就可以接着获取用户头像的。

58、我这里推荐大家使用云开发，因为云开发比较简单，当然大家如果会Java或者php开发，可以自己开发后台用于头像的上传和存储。

59、 在个人资料页面中，点击您当前的头像图片旁边的“编辑”按钮。然后选择上传一张新的图片或拍摄一张新照片，并进行裁剪和调整大小。

60、按照以上步骤，即可编辑微信授权选择的头像。

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

62、因为大家打开微信APP，依次进入“我-设置-隐私-添加我的方式”，可以手动关闭某种查找方式。

63、首先第一步先打开手机微信，接着根据下图箭头所指，点击(发现)图标。

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

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

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