小程序用button手动授权

微信更新api后,wx.getUserInfo在开发和体验版本都不能弹出授权窗口。微信文档说明:

注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作

  1. 当用户未授权过,调用该接口将直接报错
  2. 当用户授权过,可以使用该接口获取用户信息

对此,给出以下解决方案。

wx.getUserInfo({

withCredentials: true,

success: function (res) {

//此处为获取微信信息后的业务方法

},

fail: function () {

//获取用户信息失败后。请跳转授权页面

wx.showModal({

title: '警告',

content: '尚未进行授权,请点击确定跳转到授权页面进行授权。',

success: function (res) {

if (res.confirm) {

console.log('用户点击确定')

wx.navigateTo({

url: '../tologin/tologin',

})

}

}

})

}

})

调取该方法失败后跳转到授权页面。

授权页面加入

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>

并在js中,加入这个方法

bindGetUserInfo: function(e){

var that = this;

//此处授权得到userInfo

console.log(e.detail.userInfo);

//接下来写业务代码

//最后,记得返回刚才的页面

wx.navigateBack({

delta: 1

})

}

至此,即可完成引导用户手动授权的过程。解决此次更新api所带来的问题。

猜你喜欢

转载自blog.csdn.net/zjhwqx/article/details/81479387