1、index.js設置以下緩存
//獲取用戶的受權信息,放到本地緩存中 wx.getSetting({ success: (res) => { if(res.authSetting['scope.userInfo']) { wx.setStorage({ key: 'can_getuserinfo', data: 1, }) } else { wx.setStorage({ key: 'can_getuserinfo', data: 0, }) } } }), //1:從本地緩存中獲取數據,若是獲取到根據結果顯示Index頁面的受權按鈕是否顯示, //2:若是從本地緩存獲取不到數據則說明用戶清空了本地數據,默認設置爲0,讓用戶從新受權 wx.getStorage({ key: 'can_getuserinfo', success: function (res) { console.log(res.data); that.setData({ can_getuserinfo:res.data }) },fail:function() { that.setData({ can_getuserinfo: 0 }) } }) },
2、index.wxml設置以下微信
<view wx:if="{{can_getuserinfo==0}}"> <text>\n</text> <text>\n</text> <text>\n</text> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">受權登陸</button> <view wx:else>請升級微信版本</view> </view>
3、效果spa
效果是若是用戶受權過了,則直接首頁不顯示受權按鈕,直接進入業務頁面,若是用戶沒受權,則顯示受權按鈕讓用戶選擇受權code