微信小程序获取用户信息
时间: 2023-09-03 13:15:07 浏览: 255
微信小程序可以通过调用 `wx.getUserInfo` 方法来获取用户信息。该方法会弹出一个授权窗口,让用户确认授权给小程序获取用户信息。在用户确认授权后,可以通过 `success` 回调函数获取到用户信息,包括昵称、头像、性别等。
以下是获取用户信息的示例代码:
```
wx.getUserInfo({
success: function(res) {
var userInfo = res.userInfo;
var nickName = userInfo.nickName;
var avatarUrl = userInfo.avatarUrl;
var gender = userInfo.gender; //性别 0:未知、1:男、2:女
var province = userInfo.province;
var city = userInfo.city;
var country = userInfo.country;
}
})
```
需要注意的是,在最新版本的微信小程序中,如果需要获取用户信息,必须要在小程序的 `app.json` 文件中配置 `scope.userInfo` 权限。示例代码如下:
```
{
"pages": [
"pages/index/index",
"pages/detail/detail"
],
"window": {
"navigationBarTitleText": "Demo",
"backgroundColor": "#f7f7f7"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/tab_home.png",
"selectedIconPath": "images/tab_home_selected.png"
}, {
"pagePath": "pages/detail/detail",
"text": "详情",
"iconPath": "images/tab_detail.png",
"selectedIconPath": "images/tab_detail_selected.png"
}]
},
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位"
},
"scope.userInfo": {
"desc": "你的基本信息将用于小程序登录"
}
}
}
```
其中,`permission` 属性配置了小程序需要获取的权限和权限的说明。在示例代码中,配置了获取用户信息和地理位置的权限。
阅读全文