微信小程序获取用户信息流程

Posted 2021-11-27 jcydd

获取用户信息与其他授权不太一样，其他授权会自动弹出对话框，请求获取用户授权，但获取用户信息不回，需要引导用户点击授权按钮同意授权获取用户基本信息

1、前端页面要有授权登录按钮

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

2、数据canIUse

  data: {
    canIUse: wx.canIUse(‘button.open-type.getUserInfo‘)
  },

3、如果用户已经授权则直接显示用户信息，不在显示授权按钮

  onLoad: function (options) {
    // 查看是否授权
    wx.getSetting({
      success(res) {
        if (res.authSetting[‘scope.userInfo‘]) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success(res) {
              console.log(res.userInfo)
            }
          })
        }
      }
    })
  },

 

4、没有显示授权按钮引导用户点击获取

  bindGetUserInfo:function(e){
    
     console.log(e.detail.userInfo)     
   
  },