小程序用户授权getUserInfo()

设置一个用户授权登录的过渡页面,用户首次,进入小程序时,通过<button wx:if="{{canIUse}}" open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo">同意授权登录</button> <view wx:else>请升级微信版本</view> 让用户自己去点击这个授权登录的按钮,然后再去进行后续的业务逻辑

延伸

如果用户恰好在某个页面登录态失效时,统一让其跳转到登录界面,点击授权登录成功,返回到之前的页面

下面是具体代码

 1 App.js
 2 App({
 3     onLaunch: function () {},
 4     onShow: function () {},
 5     .....,
 6     toLogin: function () {
 7 // 前往授权登录界面
 8         wx.navigateTo({
 9         url: '/pages/toLogin/toLogin',
10     })
11     },
12     ready: function () {
13         return Promise((resolve, reject) => {
14         const userkey = wx.getStorageSync('userkey')
15         const userId = wx.getStorageSync('userId')
16         const sessionData = wx.getStorageSync('sessionData')
17 // 检查用户是否具有登陆态
18         if (!userkey || !userId || !sessionData) {
19 // 如果未登录就前往登录界面
20              this.toLogin()
21           } else {
22 // 如果有就只要更改一下Promise,以继续执行后续操作
23               resolve()
24           }
25           })
26     }
27 })


 1 somePage.js
 2 var app = getApp()
 3 const someServces = require('统一接口处理文件')
 4 Page({
 5     data: {},
 6     onLoad: function (){},
 7     onShow: function (){},
 8     ......,
 9     getSomeData () {
10 // 这里我们每次调用接口时,都要先去调用app.js中的ready方法
11 // 在app中ready会返回一个promise对象,只有其返回的状态时resolved状态时才会触发.then()方法
12         app.ready().then(() => {
13 // 获取服务端数据
14         })
15     }
16 })

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天意~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值