码迷,mamicode.com
首页 > 微信 > 详细

微信小程序:userInfoReadyCallback介绍-小程序获取用户信息无法得到问题

时间:2020-05-10 19:31:05      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:else   程序   read   返回   nio   copy   class   头像   gets   

 

app.js中的userInfoReadyCallback方法,定义在page.js中,也是够了

(因为网络获取数据是异步的,保证数据传递)

app.js

技术图片
// 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting[‘scope.userInfo‘]) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
技术图片

page.js

技术图片
onLoad: function () {
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse){
      // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  }
技术图片

微信小程序:userInfoReadyCallback介绍-小程序获取用户信息无法得到问题

标签:else   程序   read   返回   nio   copy   class   头像   gets   

原文地址:https://www.cnblogs.com/lan-cheng/p/12864324.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!