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