微信小程序获取用户信息：详尽指南

2023-10-27 16:09:28

微信小程序中的用户授权机制对于获取用户的个人信息至关重要。本文将详细介绍如何使用微信小程序的 JS SDK 和 API 来获取用户的头像、昵称、性别等信息，并提供代码示例和常见问题的解答，助力您轻松实现用户授权功能。

步骤

注册小程序 ：在微信公众平台上注册小程序并获得 AppID。
在 app.js 中配置 ：在小程序的 app.js 文件中，在 onLaunch 生命周期函数中配置以下代码：

wx.login({
  success: res => {
    // 发送 res.code 到后端以换取 openid 和 session_key
  }
});

获取用户信息 ：在需要获取用户信息的页面中，调用以下代码：

wx.getUserInfo({
  success: res => {
    // 处理用户信息，包括头像、昵称、性别等
  }
});

后端处理 ：在后端，使用从 wx.login 获得的 code 换取 openid 和 session_key，然后通过这些信息解密用户信息并存储到数据库中。

代码示例

app.js

wx.login({
  success: res => {
    wx.request({
      url: 'https://your-server.com/api/login',
      method: 'POST',
      data: {
        code: res.code
      },
      success: res => {
        const { openid, session_key } = res.data;
        wx.setStorageSync('openid', openid);
        wx.setStorageSync('session_key', session_key);
      }
    });
  }
});

页面

wx.getUserInfo({
  success: res => {
    const { encryptedData, iv } = res.userInfo;
    const session_key = wx.getStorageSync('session_key');
    wx.request({
      url: 'https://your-server.com/api/decrypt',
      method: 'POST',
      data: {
        encryptedData,
        iv,
        session_key
      },
      success: res => {
        const { userInfo } = res.data;
        console.log(userInfo);
      }
    });
  }
});