今天一大早調試小程序，結果出現這個。。。微信小程序也是醉了，這麼大的改動，也沒有通過開發者服務號通知一聲
人在屋檐下不得不低頭（改唄，那麼如何以最小的代價更新呢，下面給我的解決方案）
原來我們在首次進入小程序時，會通過getUserInfo調起用戶授權的彈窗，但是根據微信小程序，最新更新解釋，開發工具，體驗版本將不再支持這個授權方式 而是通過button組件讓用戶自主去點擊已完成授權目的（這個對開發者來說真的是很蛋疼） 那我們怎麼以最小的代價，來完成授權邏輯的升級呢？
這裏根據官方文檔給出我的解決方案 設置一個用戶授權登錄的過渡頁面，用戶首次，進入小程序時
，通過
<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 })
分類: Javascript
標籤: getUserInfo, 小程序授權登錄