微信小程序getUserInfo授權問題的解決辦法

2020-09-27|HiShop

導讀：我們在首次進入小程序時，會通過getUserInfo調(diào)起用戶授權的彈窗，但是根據(jù)微信小程序，最新更新解釋，開發(fā)工具，體驗版本將不再支持這個授權方式。...

我們在首次進入小程序時，會通過getUserInfo調(diào)起用戶授權的彈窗，但是根據(jù)微信小程序，最新更新解釋，開發(fā)工具，體驗版本將不再支持這個授權方式

而是通過button組件讓用戶自主去點擊已完成授權目的（這個對開發(fā)者來說真的是很蛋疼）
那我們怎么以最小的代價，來完成授權邏輯的升級呢？

這里根據(jù)官方文檔給出我的解決方案

設置一個用戶授權登錄的過渡頁面，用戶首次，進入小程序時，通過<button wx:if="{{canIUse}}" open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo">同意授權登錄</button> <view wx:else>請升級微信版本</view> 讓用戶自己去點擊這個授權登錄的按鈕，然后再去進行后續(xù)的業(yè)務邏輯

延伸

如果用戶恰好在某個頁面登錄態(tài)失效時，統(tǒng)一讓其跳轉到登錄界面，點擊授權登錄成功，返回到之前的頁面

下面是具體代碼

 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 // 檢查用戶是否具有登陸態(tài)
18 if (!userkey || !userId || !sessionData) {
19 // 如果未登錄就前往登錄界面
20 this.toLogin()
21             } else {
22 // 如果有就只要更改一下Promise，以繼續(xù)執(zhí)行后續(xù)操作
23                 resolve()
24             }
25         })
26     }
27 })

 1 somePage.js
 2 var app = getApp()
 3 const someServces = require('統(tǒng)一接口處理文件')
 4 Page({
 5     data: {},
 6     onLoad: function (){},
 7     onShow: function (){},
 8     ......,
 9     getSomeData () {
10 // 這里我們每次調(diào)用接口時，都要先去調(diào)用app.js中的ready方法
11 // 在app中ready會返回一個promise對象，只有其返回的狀態(tài)時resolved狀態(tài)時才會觸發(fā).then()方法
12         app.ready().then(() => {
13 // 獲取服務端數(shù)據(jù)
14         })
15     }
16 })