获取微信小程序头像昵称的最全攻略

2023-11-05 02:30:54

微信小程序新规：获取用户头像和昵称的指南

在微信小程序的不断发展中，针对用户隐私保护和数据安全，微信官方发布了新规，限制了开发者获取用户头像和昵称的方式。以下是如何在新规则下获取这些信息的方法。

方法一：使用 wx.getUserProfile() 方法

代码示例：

wx.getUserProfile({
  desc: '用于完善用户资料', // 说明获取用户个人信息后的用途
  success: (res) => {
    console.log(res.userInfo)
  }
})

方法二：使用 wx.login() 方法

代码示例：

wx.login({
  success: (res) => {
    const code = res.code
    wx.request({
      url: 'https://api.weixin.qq.com/sns/jscode2session',
      data: {
        appid: '你的appid',
        secret: '你的secret',
        js_code: code,
        grant_type: 'authorization_code'
      },
      success: (res) => {
        const openid = res.data.openid
        wx.request({
          url: 'https://api.weixin.qq.com/cgi-bin/user/info',
          data: {
            access_token: res.data.access_token,
            openid: openid,
            lang: 'zh_CN'
          },
          success: (res) => {
            console.log(res.data)
          }
        })
      }
    })
  }
})

新规则的注意事项

仅限 wx.getUserProfile() 方法获取： 新规下，仅允许使用 wx.getUserProfile() 方法获取用户头像和昵称。wx.getUserInfo() 和 wx.login() 方法将不再支持获取这些信息。
提供获取信息用途说明： 调用 wx.getUserProfile() 方法时，必须提供 desc 参数，用于说明获取用户个人信息后的用途。否则，小程序将无法正常工作。
用户授权可拒绝： 在使用 wx.getUserProfile() 方法时，用户可以拒绝授权获取头像和昵称。如果用户拒绝，小程序将无法获取这些信息。