小程序模板網(wǎng)

小程序沒有授權(quán)時(shí)的處理方法

發(fā)布時(shí)間:2018-04-21 09:01 所屬欄目:小程序開發(fā)教程

在做小程序開發(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)限上,妥妥的。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23823.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢