本篇内容主要讲解“微信小程序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授权问题如何解决”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!