微信小程序 获取用户头像昵称

获取用户头像和昵称需要用户授权，你需要在小程序中使用 `wx.getUserInfo` 接口来获取用户信息。

首先，在小程序的配置文件 `app.json` 中，需要添加 `"scope.userInfo": true` 权限：

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    },
    "scope.userInfo": {
      "desc": "你的基本信息将用于小程序个性化推荐"
    }
  }
}

然后在页面中调用 `wx.getUserInfo` 接口获取用户信息：

wx.getUserInfo({
  success: function(res) {
    console.log(res.userInfo);
  }
})

在成功获取到用户信息后，可以使用 `res.userInfo.nickName` 获取用户昵称，使用 `res.userInfo.avatarUrl` 获取用户头像。

相关问题

如何使用微信小程序获取微信头像和昵称

要获取微信头像和昵称，你需要先获取用户的微信授权。具体操作如下：

1. 在微信小程序中，使用 `wx.login` 方法获取用户登录凭证 code。
2. 使用 `wx.getUserInfo` 方法获取用户信息，其中包括头像和昵称。需要注意的是，该方法需要用户授权才能调用。如果用户未授权，需要先调用 `wx.authorize` 方法获取授权。
3. 获取到用户信息后，可以使用 `wx.setStorageSync` 方法将用户头像和昵称保存到本地缓存中，方便后续使用。

下面是一个示例代码：

// 获取用户登录凭证 code
wx.login({
  success: function(res) {
    if (res.code) {
      // 使用 code 获取用户信息
      wx.getUserInfo({
        success: function(res) {
          var userInfo = res.userInfo;
          // 获取用户头像和昵称
          var avatarUrl = userInfo.avatarUrl;
          var nickName = userInfo.nickName;
          // 将用户头像和昵称保存到本地缓存中
          wx.setStorageSync('avatarUrl', avatarUrl);
          wx.setStorageSync('nickName', nickName);
        }
      });
    } else {
      console.log('获取用户登录态失败：' + res.errMsg);
    }
  }
})

在获取到用户头像和昵称后，你可以在界面中显示用户信息，比如在个人中心界面中显示用户头像和昵称。

写一个微信小程序获取头像和昵称

在微信小程序中，获取用户头像和昵称通常需要用户的授权。以下是获取用户信息的基本步骤：

1. **获取用户权限**：
首先，在`app.json`文件中配置页面的“permission”属性，设置需要用户授权的scope，如：“scope.userInfo”。

   {
     "pages": [
       "pages/index/index",
       ...
     ],
     "window": {
       "backgroundTextStyle": "light",
       "navigationBarBackgroundColor": "#fff",
       "navigationBarTitleText": "Wechat Mini Program",
       "navigationBarTextStyle": "black"
     },
     "permission": {
       "scope.userInfo": {
         "desc": "用于打开用户信息，获取头像昵称"
       }
     }
   }

2. **在wxml和js文件中请求授权**：
在需要获取用户信息的页面组件里，通过wx.getUserInfo函数请求授权。

   Page({
     onReady: function() {
       wx.getSetting({
         success(res) {
           if (res.authSetting['scope.userInfo']) { // 如果已授权
             this.getUserInfo();
           } else {
             wx.authorize({ // 弹窗提示用户授权
               scope: 'scope.userInfo',
               success() {
                 this.getUserInfo();
               }
             });
           }
         }
       });
     },
     getUserInfo: function(e) {
       wx.getUserInfo({
         success(res) {
           let userInfo = res.userInfo;
           let avatarUrl = userInfo.avatarUrl; // 用户头像URL
           let nickname = userInfo.nickName; // 用户昵称
           console.log('User Info:', { avatarUrl, nickname });
           // 进行后续处理，比如保存到本地或服务器
         },
         fail(err) {
           console.error('Failed to get user info', err);
         }
       });
     }
   })

3. **处理权限拒绝的情况**：
如果用户拒绝授权，可以在`fail`回调中给出相应的提示或处理方式。

记得在实际项目中，要遵守微信小程序的相关隐私政策，并明确告知用户你为何需要他们的头像和昵称信息。