1. 获取用户授权: 用户需要授权小程序获取其用户信息。可以使用 wx.getSetting 检查用户的授权情况,如果用户已授权,则可以直接调用 wx.getUserInfo 获取用户信息。
// 检查用户授权情况
wx.getSetting({
success: (res) => {
if (res.authSetting['scope.userInfo']) {
// 用户已授权,可以直接调用 wx.getUserInfo 获取用户信息
wx.getUserInfo({
success: (userInfoRes) => {
const userInfo = userInfoRes.userInfo;
console.log(userInfo);
// 处理用户信息
}
});
} else {
// 用户未授权,需要引导用户打开授权
console.log('用户未授权');
}
}
});
2. 处理用户信息: 当用户已授权,可以通过 wx.getUserInfo 获取用户信息。用户信息包括头像、昵称等。
wx.getUserInfo({
success: (res) => {
const userInfo = res.userInfo;
console.log(userInfo);
// 处理用户信息
}
});
请注意,获取用户信息的操作需要在用户主动触发的事件中进行,例如按钮点击事件。在获取用户信息前,确保已经向用户说明需要获取信息的目的,并得到用户的充分理解和同意。
如果需要获取用户的头像、昵称等详细信息,还需要在小程序的 app.json 文件中配置 scope.userInfo。
{
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
},
"scope.userInfo": {
"desc": "你的基本信息将用于小程序登录体验"
}
}
}
以上示例代码仅为演示目的,实际使用时需要根据业务逻辑进行相应的处理。在处理用户信息时,务必保障用户隐私,并遵循相关法规和规定。
转载请注明出处:http://www.zyzy.cn/article/detail/1081/微信小程序