小程序获取用户信息
2018-10-14 本文已影响98人
王炳祺
小程序中获取用户信息的方式一般有两种一种需要用户授权,另一种用户不需要授权。
第一种在未授权的情况下可以使用 <open-data>标签获取到用户的头像用户名称等信息。
直接获取到用户头像
<open-data type = 'userAvatarUrl' class=''>
显示用户名称
<open-data type = ‘userNickName”/>
另一种用户授权的方式需要通过用户点击button来获取,具体方式如下。
需要一个 button 用只有点击才能获取
<button open-type=“getUserInfo” bindgetuserinfo=“getUserInfo">授权 </button>
//用户授权以后 小程序通过公户的getUserInfo 中event拿到用户的信息
getUserInfo(event){
event.detail //中就可以拿到用户的相关信息
}
// 当用户授权通过之后就可以 onLoad中 获得用户的信息
onLoad(options){
wx.getSetting({
success: data => {
// 判断为true的情况下调用获取用户数据
if (data.authSetting['scope.userInfo']) {
wx.getUserInfo({
success: data => {
console.log(data)
}
})
} else {}
}
})
}
最后总结一下其实两种获取用户信息的方法最大的区别是:用户授权后拿到的信息,可以提交到自己的服务器中保存,而未授权拿到的信息只能在页面中显示无法保存数据。