在做小程序開發(fā)的時(shí)候,我們經(jīng)常會需要獲取用戶的一些權(quán)限。比如獲取用戶信息用于直接登錄,獲取地理位置用于定位等。但要是用戶拒絕授權(quán)了,該怎么處理呢? 問題分析在小程序里面,獲取到用戶權(quán)限是進(jìn)行某些操作的必要前提。比如在進(jìn)入小程序的時(shí)候,獲取到用戶信息,拿到 unionId 對應(yīng)到自己平臺的賬號進(jìn)行登錄,免去用戶自己輸入賬號密碼,這就是一個(gè)不錯(cuò)的體驗(yàn)。 當(dāng)我們調(diào)用 wx.getUserInfo 或者 wx.getLocation 這種需要用戶授權(quán)的 API 時(shí),小程序會彈框讓用戶選擇授權(quán):
當(dāng)用戶選擇允許后,下次再進(jìn)入小程序就不會再詢問了,直接獲得用戶授權(quán)(除非將小程序刪了再進(jìn)入)。這里的問題在于,當(dāng)用戶點(diǎn)了拒絕之后,就拿不到相關(guān)授權(quán)了,并且在一段時(shí)間內(nèi),進(jìn)入小程序都不會再出現(xiàn)這個(gè)彈框。 從用戶體驗(yàn)及保護(hù)隱私的角度考慮,小程序最好是不用授權(quán)也可以使用(或者體驗(yàn))。但有些類型的小程序確實(shí)是需要拿到用戶信息才能使用的。這里提供一個(gè)簡單的解決方案。 解決方案以獲取用戶信息直接登錄為例。增加一個(gè)授權(quán)頁面,作為進(jìn)入小程序的第一個(gè)頁面,在這里獲取用戶數(shù)據(jù)和登錄。默認(rèn)可以什么都不顯示,也可以當(dāng)做引導(dǎo)頁來使用。 獲取用戶信息需要用到 wx.login 和 wx.getUserInfo 兩個(gè) API,關(guān)于這兩個(gè) API 的具體信息大家可以到官方文檔去查看。 增加一個(gè)登陸方法,代碼如下: //登錄 login: function () { var that = this if (typeof success == "function") { this.data.getUserInfoSuccess = success } wx.login({ success: function (res) { var code = res.code; wx.getUserInfo({ success: function (res) { //平臺登錄 }, fail: function (res) { that.setData({ getUserInfoFail: true }) } }) } }) } 當(dāng)上門代碼走到了 fail 里面,就可以認(rèn)為在獲取授權(quán)的時(shí)候,用戶點(diǎn)了拒絕。當(dāng) getUserInfoFail 為 true 的時(shí)候,可以展示一個(gè)獲取授權(quán)的按鈕,比如像這樣:
接下來介紹另一個(gè) API : wx.openSetting,使用 wx.openSetting 可以跳轉(zhuǎn)到小程序的授權(quán)設(shè)置界面,在安卓里面它長這樣:
在點(diǎn)擊授權(quán)按鈕后跳轉(zhuǎn)到這里,讓用戶授權(quán)了才給進(jìn)入首頁,否則就停留在授權(quán)頁面。 但還有個(gè)小問題,這個(gè) API 是基礎(chǔ)庫 1.1.0 才有的,所以需要做兼容處理:
所以,最終跳轉(zhuǎn)授權(quán)的代碼如下: //跳轉(zhuǎn)設(shè)置頁面授權(quán) openSetting: function () { var that = this if (wx.openSetting) { wx.openSetting({ success: function (res) { //嘗試再次登錄 that.login() } }) } else { wx.showModal({ title: '授權(quán)提示', content: '小程序需要您的微信授權(quán)才能使用哦~ 錯(cuò)過授權(quán)頁面的處理方法:刪除小程序->重新搜索進(jìn)入->點(diǎn)擊授權(quán)按鈕' }) } } 還好 1.1.0 已結(jié)算是比較早的版本了,現(xiàn)在都出到 1.3.0 了。 最終效果如下:
同樣的處理方式也可以用在獲取別的權(quán)限上,妥妥的。 |
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)