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

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

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

 

相关文章