微客导航 » 文章资讯 » 微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

2023-07-18 13:29:03 275

这个接口只能获得一些非敏感信息，例如用户昵称，用户头像，经过用户授权允许获取的情况下即可获得用户信息，至于openid这些，需要调取wx.login来获取。

index.wxml






{{nickName}}



未授权
授权登录

index.js

Page({
data:{
canIUse:wx.canIUse('button.open-type.getUserInfo')
},
onLoad:function(){
varthat=this;
//查看是否授权
wx.getSetting({
success(res){
if(res.authSetting['scope.userInfo']){
//已经授权，可以直接调用getUserInfo获取头像昵称
wx.getUserInfo({
success:function(res){
console.log(res.userInfo)
that.setData({
result:'ok',//结果
nickName:res.userInfo.nickName,//微信昵称
avatarUrl:res.userInfo.avatarUrl,//微信头像
})
}
})
}else{
//未授权，结果返回null
that.setData({
result:'null',//结果
})
}
}
})
},
//请求API授权，获得用户头像和昵称
bindGetUserInfo(e){
console.log(e.detail.userInfo.nickName)
varthat=this;
that.setData({
result:'ok',//结果
nickName:e.detail.userInfo.nickName,//微信昵称
avatarUrl:e.detail.userInfo.avatarUrl,//微信头像
})
}
})

index.wxss

button{
margin:30pxauto0;
}
.result{
width:200px;
margin:20pxauto;
text-align:center;
}
.result.headimg{
width:200px;
height:200px;
border-radius:100px;
margin-bottom:20px;
}
.result.headimgimage{
width:200px;
height:200px;
border-radius:100px;
}

到此这篇关于微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现的文章就介绍到这了,更多相关小程序wx.getUserInfo授权内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

热门推荐

随机推荐