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

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

时间:2019-05-04 10:04:10      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:options   数据   微信小程序   页面   bin   set   div   col   res   

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

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

 

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

标签:options   数据   微信小程序   页面   bin   set   div   col   res   

原文地址:https://www.cnblogs.com/jcydd/p/10807448.html

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