1. 程式人生 > >微信小程序獲取用戶信息流程

微信小程序獲取用戶信息流程

ESS 前端 style load 微信 對話 onload 其他 sco

獲取用戶信息與其他授權不太一樣,其他授權會自動彈出對話框,請求獲取用戶授權,但獲取用戶信息不回,需要引導用戶點擊授權按鈕同意授權獲取用戶基本信息

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)     
   
  }, 

微信小程序獲取用戶信息流程