wxml:
<view class="container">
<view class="userinfo" wx:if="{{!hasUserInfo && canIUse}}">
<image src='/images/wx_login.png'></image>
<view class='line'> </view>
<view class='tip-container'>
<text class='tip'>申请获得以下权限</text>
<text class='tip detail' >获得您的公开信息(昵称,头像等)</text>
</view>
<button class='login' open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授权登录 </button>
</view>
<block wx:else>
<view class="bg_ad" bindtap='goNext'> </view>
</block>
</view>
.js
onLoad: function (options) {
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUse){
// 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
app.userInfoReadyCallback = res => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
}),
timer = setTimeout(function () {
wx.redirectTo({
url: '/pages/game/web',
})
}, 1000 * 5)
}
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
}),
timer = setTimeout(function () {
wx.redirectTo({
url: '/pages/game/web',
})
}, 1000 * 5)
}
})
}
},
getUserInfo: function(e) {
console.log(e)
console.log(e.detail.userInfo)
if(e.detail.userInfo){
app.globalData.userInfo = e.detail.userInfo
this.setData({
userInfo: e.detail.userInfo,
hasUserInfo: true
}),
timer = setTimeout(function () {
wx.redirectTo({
url: '/pages/game/web',
})
}, 1000 * 5)
// wx.navigateTo({
// url: '/pages/program/shop'
// })
}else{
wx.showModal({
title: '温馨提醒',
content: '您点击了拒绝授权,将无法进入小程序,请授权之后再进入!!!',
showCancel: false,
confirmText: '返回授权',
success: function (res) {
if (res.confirm) {
console.log('用户点击了“返回授权”')
}
}
})
}
},
goNext: function (e) {
clearTimeout(timer);
wx.redirectTo({
url: '/pages/game/web',
})
}
微信小程序 授权登陆
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 初学微信小程序,总是搞不清app和page生命周期函数的执行先后顺序,尤其是在登陆授权个人信息这一板块,最近老是出...
- 登录及获取微信用户信息 调用wx.login()获取登录凭证code,再调用后端接口换取用户登录态信息(openi...
- 问题 今天微信小程序工具出现提示“您拒绝了授权,无法正常使用小程序 重新授权”。 查找原因 重启ide?不好使。重...