如何总结小程序获取最新用户昵称与头像的最新技巧？

本文共计444个文字，预计阅读时间需要2分钟。

传统方式使用`wx.getUserInfo`获取用户信息和头像，效果会弹出一个给用户的弹窗。这里简要总结一下：

1. 传统方法：使用`wx.getUserInfo`。

2.弹窗出现：用户需点击确认。

3.适应性不足：网上很多文章的方法已不再适用。

前段时间微信小程序对获取用户昵称和头像方法进行了更新，网上很多的文章都已经不适用了，这里简单总结一下

首先，传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗，需要用户授权，经过测试传统的wx.getUserInfo目前还是能用的，但是在使用时候会有官方log提醒你，这个方法需要升级。

然后就是官方提供的最新方法Open-data标签，使用这个标签可以不用用户授权直接获得头像和昵称

例子：

<open-data type="userAvatarUrl"></open-data> //获取用户头像直接显示在小程序中 <open-data type="userNickName" lang="zh_CN"></open-data> //获取用户昵称直接显示在小程序中

最后就是Open-data的灵活使用方法，

<button open-type='getUserInfo' lang="zh_CN" bindgetuserinfo="onGotUserInfo"></button>

可以在button标签中将open-data作为一个属性写入进去，这样效果就变为在点击时获取头像和昵称

获取方法在函数中得到就好

onGotUserInfo: function (e) { console.log("nickname=" + e.detail.userInfo.nickName); }

具体怎么使用就是不同情况不同分析了，灵活一点就好

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。