微信小程序三种获取用户信息的方式
发表时间:2020-10-8
发布人:葵宇科技
浏览次数:109
一、通过<open-data>组件:
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>
<open-data type="userCountry"></open-data>
<open-data type="userCity"></open-data>
优点: 不需要用户授权可以直接获取本人的微信头像名称等信息
缺点: 只能获取自己的信息,不能获取其他人的;同时获取到的信息只能够用于前端显示,js获取不到
二、通过wx.getUserInfo()函数:
wx.getUserInfo({
success: (res)=>{
console.log(res)
}
})
优点: 可以获取到用户的信息,通过js操作
缺点: 微信小程序为了优化用户体验,调用此API时如果用户未授权不再弹出申请授权的弹窗,所以调用前必须要通过wx.getSetting 判断用户的授权状态,同时如果未授权还需要依赖第三种方式获取授权。
三、通过 <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button> 获取
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button>
getUserInfo(e){
console.log(e)
}
优点: 这是微信小程序推荐的用法,可以直接唤起授权弹窗(唯一的方式),返回的e中就包含了获取到的用户信息
缺点: 相对麻烦一点