微信小程序getUserInfo授权问题如何解决

本篇内容主要讲解“微信小程序getUserInfo授权问题如何解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“微信小程序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 })

到此，相信大家对“微信小程序getUserInfo授权问题如何解决”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！