2023微信小程序头像昵称获取全攻略：征服社交媒体世界的法宝

前端

2023-10-04 22:09:30

拥抱“wx.getUserProfile”，高效获取用户头像和昵称

告别“wx.getUserInfo”，拥抱“wx.getUserProfile”

曾经陪伴我们获取用户头像昵称的“wx.getUserInfo”即将退役，取而代之的是功能更加强大的“wx.getUserProfile”。它是微信官方推出的全新接口，让我们踏上获取用户头像昵称的新征程。

轻松实现用户头像昵称获取

使用“wx.getUserProfile”获取用户头像昵称非常简单：

创建按钮或触发器： 在小程序中添加一个按钮或触发器，当用户点击或触发时，就会调用“wx.getUserProfile”接口。
调用“wx.getUserProfile”： 在按钮或触发器的事件处理函数中，调用“wx.getUserProfile”接口，传入必要的参数，比如“desc”和“lang”。
监听“getUserProfileSuccess”事件： 调用“wx.getUserProfile”后，小程序会触发“getUserProfileSuccess”事件。在该事件的处理函数中，你就可以获取到用户的头像和昵称了。

注意事项

使用“wx.getUserProfile”需要注意以下几点：

务必在用户点击或触发操作后，再调用“wx.getUserProfile”接口。
调用“wx.getUserProfile”之前，要检查用户是否已授权小程序。
处理“getUserProfileSuccess”事件时，注意用户数据的安全处理和存储。

“wx.getUserProfile” vs. “wx.getUserInfo”

与“wx.getUserInfo”相比，“wx.getUserProfile”具有以下优势：

不会获取用户的敏感信息，保护用户隐私。
支持异步调用，不会阻塞主线程。
提供更多参数，可定制获取用户的头像和昵称。

代码示例

wx.getUserProfile({
  desc: '用于完善用户资料',
  lang: 'zh_CN',
  success: (res) => {
    const {userInfo} = res;
    console.log(userInfo.nickName, userInfo.avatarUrl);
  },
  fail: (err) => {
    console.log(err);
  }
});

常见问题解答

为什么“wx.getUserInfo”被废弃了？
因为其获取了用户的敏感信息，不符合最新的隐私保护条例。
“wx.getUserProfile”和“wx.getUserInfo”有什么区别？
“wx.getUserProfile”不会获取用户的敏感信息，支持异步调用，并提供更多参数。
如何在小程序中使用“wx.getUserProfile”？
创建按钮或触发器，调用“wx.getUserProfile”接口，监听“getUserProfileSuccess”事件。
“wx.getUserProfile”的注意事项是什么？
务必在用户点击或触发操作后，再调用接口；检查用户是否已授权小程序；安全处理和存储用户数据。
“wx.getUserProfile”支持哪些参数？
“wx.getUserProfile”支持“desc”和“lang”两个参数，分别用于获取用户信息的目的和指定语言。