微信小程序：头像和昵称获取新方式

2024-02-06 15:17:21

微信小程序头像和昵称获取方式的变革之路

获取头像

微信小程序的头像获取经历了从直接获取到遵循严格规则的演变。最初，开发者可以通过简单的 API 直接获取用户信息，包括头像 URL。但随着隐私保护意识的提升，这种方式逐渐被废弃。

本地头像

如今，获取用户头像需要开发者遵循小程序开放能力文档中制定的规则。开发者可以通过 wx.getUserProfile 接口获取本地头像，即用户在小程序中上传或选择的头像。

wx.getUserProfile({
  desc: '用于完善会员资料', // 降级处理时的提示
  success: (res) => {
    const userInfo = res.userInfo;
    // 获取用户头像
    const avatarUrl = userInfo.avatarUrl;
  },
  fail: (err) => {
    // 获取头像失败
  },
  complete: (res) => {
    // 执行后续操作
  }
});

网络头像

网络头像是指用户在其他平台（如微信公众号）使用的头像。开发者可以通过 wx.getNetworkUserInfo 接口获取网络头像。

wx.getNetworkUserInfo({
  desc: '用于完善会员资料', // 降级处理时的提示
  success: (res) => {
    const userInfo = res.userInfo;
    // 获取用户头像
    const avatarUrl = userInfo.avatarUrl;
  },
  fail: (err) => {
    // 获取头像失败
  },
  complete: (res) => {
    // 执行后续操作
  }
});

获取昵称

与头像获取方式相似，小程序的昵称获取也经历了从直接获取到遵循规范的转变。

本地昵称

本地昵称是指用户在小程序中设置的昵称。开发者可以通过 wx.getUserProfile 接口获取本地昵称。

wx.getUserProfile({
  desc: '用于完善会员资料', // 降级处理时的提示
  success: (res) => {
    const userInfo = res.userInfo;
    // 获取用户昵称
    const nickName = userInfo.nickName;
  },
  fail: (err) => {
    // 获取昵称失败
  },
  complete: (res) => {
    // 执行后续操作
  }
});

网络昵称

网络昵称是指用户在其他平台（如微信公众号）使用的昵称。开发者可以通过 wx.getNetworkUserInfo 接口获取网络昵称。

wx.getNetworkUserInfo({
  desc: '用于完善会员资料', // 降级处理时的提示
  success: (res) => {
    const userInfo = res.userInfo;
    // 获取用户昵称
    const nickName = userInfo.nickName;
  },
  fail: (err) => {
    // 获取昵称失败
  },
  complete: (res) => {
    // 执行后续操作
  }
});