微信小程序获取用户名头像

微信小程序获取用户的用户名和头像通常需要用户授权，通过`wx.getUserInfo`方法来完成。以下是获取步骤：

1. **授权请求**: 在你需要获取用户信息的地方，首先需要在页面的`onLoad`或合适的生命周期函数中发起请求。添加以下代码到对应的JS文件：

Page({
  onLoad() {
    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.userInfo']) { // 检查用户是否已经授权
          wx.authorize({
            scope: 'scope.userInfo', // 请求的权限范围
            success() { // 授权成功后的回调
              this.getUserInfo();
            },
            fail() { // 授权失败的回调
              console.log('授权拒绝');
            }
          });
        } else { // 用户已授权
          this.getUserInfo();
        }
      }
    });
  },
  
  getUserInfo() {
    wx.getUserInfo({
      success(res) {
        const userInfo = res.userInfo;
        let avatarUrl = userInfo.avatarUrl; // 头像URL
        let nickname = userInfo.nickName || ''; // 用户名
        // 在这里处理获取到的数据
      },
      fail(err) {
        console.error('获取用户信息失败:', err);
      }
    });
  }
})

2. **处理数据**: `getUserInfo`方法返回的对象包含`avatarUrl`（用户头像URL）和`nickName`（用户名）。请注意检查`userInfo`的有效性，因为微信可能会提供空值。

**注意事项**：
- 为了保证用户体验，建议在用户首次使用应用时提示授权，并明确告知用途。
- 获取用户信息的权限是需要用户同意的，如果用户拒绝授权，你需要处理相应的异常情况。