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

在开发微信小程序时，获取用户头像和昵称是一个常见的需求，可以通过微信的登录功能来获取用户的基本信息。下面我将详细介绍如何在微信小程序中获取用户头像和昵称。

首先，要获取用户的头像和昵称，首先需要引入微信登录功能。用户可以在小程序中点击登录按钮，进行微信授权登录，然后获取用户的基本信息。

1. 在小程序的app.json文件中配置权限

在小程序的app.json文件中，需要配置权限，指定小程序需要获取用户信息的权限。具体配置如下：

```json

"permission": {

"scope.userInfo": {

"desc": "你的描述"

}

}

```

这样就可以在小程序中获取用户的基本信息了。

2. 在小程序中引入登录功能

在小程序的页面中，我们可以引入微信的登录功能，具体代码如下：

```javascript

wx.login({

success: res => {

if (res.code) {

// 发送 res.code 到后台换取 openId

sessionKey

unionId

wx.getUserInfo({

success: res => {

console.log(res.userInfo)

}

})

} else {

console.log('登录失败！' + res.errMsg)

}

}

})

```

通过调用wx.login方法，小程序会返回一个code，然后可以利用这个code来换取用户的openId和sessionKey。接着调用wx.getUserInfo方法，就可以获取到用户的基本信息，包括头像和昵称等。

3. 显示用户信息

获取到用户的基本信息之后，可以将用户的头像和昵称展示在小程序中，例如：

```html

{{userInfo.nickName}}

```

这样就可以在小程序中展示用户的头像和昵称了。

总结：通过上面的步骤，我们可以在微信小程序中获取用户的头像和昵称，首先需要引入微信的登录功能，然后通过获取用户信息的接口来获取用户的基本信息，*将用户信息展示在小程序中。希望以上内容能帮助到你，祝你在开发微信小程序中获取用户信息顺利！