微信小程序三种获取用户信息的方式

一、通过<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中就包含了获取到的用户信息

缺点: 相对麻烦一点