微信小程序如何获取用户信息

小程序如何获取用户的信息

根据微信官方最新对API接口的调整，微信小程序不支持打开就出现授权弹框，需要用户手动触发button事件来获取用户的一些个人信息

<button
  wx:if="{{canIUse}}"
  open-type="getUserInfo"
  bindgetuserinfo="bindGetUserInfo"
>
  授权登录
</button>
<view wx:else>请升级微信版本</view>

Page({
  data: {
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  onLoad() {
    // 查看是否授权
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success(res) {
              console.log(res.userInfo)
            }
          })
        }
      }
    })
  },
  bindGetUserInfo(e) {
    console.log(e.detail.userInfo)
  }
})

在这之前小程序获取用户昵称，头像都是通过wx.getUserInfo方式获取，即

onLoad: function (options) {
 
    var that = this;
 
    //获取用户信息
    wx.getUserInfo({
        success: function (res) {
 
            console.log(res);
            that.data.userInfo = res.userInfo;
 
            that.setData({
                userInfo: that.data.userInfo
            })
        }
    })
},

如果你只是为了展示用户信息的话，还可以通过open-data方式，只需要两行代码就可以展示用户昵称还有头像，有木有很惊喜~

<--获取用户的头像，昵称-->
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>

不仅如此，还可以通过open-data获取其他信息哦