微信小程序客户授权登录 获取微信头像和手机号

微信小程序的用户授权登录功能允许开发者通过微信账号体系获取用户的个人信息，包括头像和手机号。以下是获取用户信息的基本步骤：

1. **导入所需模块**：
首先，在你的小程序项目里，需要在`app.json`文件中配置微信登录的相关权限，并在相应的页面引用`wx.login`和`getSetting`等API。

"permission": {
  "scope.userInfo": {
    "desc": "获取用户基础信息"
  }
}

2. **获取用户授权**：
在页面加载时或者需要获取用户信息的地方，使用`wx.login`方法引导用户授权。这会生成一个code，你需要将其发送到服务器处理。

Page({
  login() {
    wx.login({
      success(res) {
        // res.code 是临时code，用于换取access_token
        // ...
      }
    });
  }
})

3. **换取access_token**：
使用获取到的code在服务器端调用微信提供的统一下单接口`https://api.weixin.qq.com/sns/jscode2session`，换取access_token和openid。

4. **获取用户基本信息**：
有了access_token和openid，就可以通过`getUserInfo`接口请求用户的基础信息，如头像和手机号。

// 示例，注意替换为实际的服务器地址
wx.request({
  url: 'your-server-url/user-info',
  data: { access_token, openid },
  method: 'POST', // 或者GET
  header: {
    'content-type': 'application/json'
  },
  success(res) {
    const userInfo = res.data;
    console.log(userInfo.avatarUrl); // 用户头像URL
    console.log(userInfo.phone_number); // 手机号码
  }
})