小程序如何页面自动弹出授权
小程序如何页面自动弹出授权
小程序页面自动弹出授权的方法:
在index.js文件中实现。
onLoad: function (options) {wx.showLoading({
title: '登录中'
})
wx.getSetting({
success: res => {
console.log(res)
if (res.authSetting['scope.userInfo'] === true) { // 成功授权
// 已授权,可以直接调用 getUserInfo 获得头像昵称,不会弹框
wx.getUserInfo({
success: res => {
console.log(res)
this.setUserInfoAndNext(res)
},
fail: res => {
console.log(res)
}
})
} else if (res.authSetting['scope.userInfo'] === false) { // 授权弹窗被谢绝
wx.openSetting({
success: res => {
console.log(res)
},
fail: res => {
console.log(res)
}
})
} else { // 没有弹出过授权弹窗
wx.getUserInfo({
success: res => {
console.log(res)
this.setUserInfoAndNext(res)
},
fail: res => {
console.log(res)
wx.openSetting({
success: res => {
console.log(res)
},
fail: res => {
console.log(res)
}
})
}
})
}
}
})
},
// 获得个人信息成功,然后处理剩下的业务或跳转首页
setUserInfoAndNext(res) {
// 由于 getUserInfo 是网络要求,可能会在 Page.onLoad 以后才返回
// 所以此处加入 callback 以避免这类情况
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
wx.hideLoading()
// 跳转首页
setTimeout(() => {
wx.reLaunch({
url: '../home/home'
})
}, 1000)
},
文章来源:丸子建站
文章标题:小程序如何页面自动弹出授权
https://www.wanzijz.com/view/7518.html