微信小程序用戶授權彈窗，獲取用戶信息。用戶拒絕授權時，引導用戶去重新授權

我們在開發小程序時，如果想獲取用戶信息，就需要獲取用的授權，如果用戶誤點了拒絕授權，我們怎麼樣去正確的引導用戶重新授權呢。今天就來給大家講講如果正確的引導用戶授權。

老規矩，先看效果圖

從上圖可以看出，我們在用戶點擊拒絕授權時，我們會彈出一個提示框，提示用戶去設置頁重新授權，當用戶去授權頁重新授權以後，我們再回到首頁，點擊獲取用戶信息時，就可以成功的獲取到用戶信息了。
如下圖藍色框裏，就是我們成功的獲取的用戶信息。

一，我們獲取用戶信息的時候需要用戶授權

我們點擊獲取用戶信息時，通常會彈出如下提示框，如果用戶點擊了取消，就再也沒有辦法通過點擊授權按鈕獲取用戶信息了。

所以接下來我們要做的就是在用戶拒絕了授權時，引導用戶去設置頁重新授權。
把獲取用戶授權的代碼先貼給大家

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授權獲取頭像暱稱 </button>

二，檢測用戶是否授權

我們在用戶點擊了上面定義的button按鈕後，做權限檢測。代碼如下。

  getUserInfo: function(e) {
    let that = this;
    // console.log(e)
    // 獲取用戶信息
    wx.getSetting({
      success(res) {
        // console.log("res", res)
        if (res.authSetting['scope.userInfo']) {
          console.log("已授權=====")
          // 已經授權，可以直接調用 getUserInfo 獲取頭像暱稱
          wx.getUserInfo({
            success(res) {
              console.log("獲取用戶信息成功", res)
              that.setData({
                name: res.userInfo.nickName
              })
            },
            fail(res) {
              console.log("獲取用戶信息失敗", res)
            }
          })
        } else {
          console.log("未授權=====")
          that.showSettingToast("請授權")
        }
      }
    })
  },

給大家簡單解析下。
wx.getSetting ：用來獲取用戶授權列表
if (res.authSetting['scope.userInfo']) 代碼用戶授權成功，如果用戶沒有授權，就代表授權失敗。
在授權失敗時，我們調用that.showSettingToast()方法

三，showSettingToast方法如下

  // 打開權限設置頁提示框
  showSettingToast: function(e) {
    wx.showModal({
      title: '提示！',
      confirmText: '去設置',
      showCancel: false,
      content: e,
      success: function(res) {
        if (res.confirm) {
          wx.navigateTo({
            url: '../setting/setting',
          })
        }
      }
    })
  }

這方法做的就是引導用戶去設置頁。

四，我們的設置頁

我們的設置頁其實很簡單，只有上圖這麼一段代碼。

五，去系統設置頁。

我們上面第四步的button按鈕，點擊以後，就會去系統設置頁。

可以看到系統設置頁，有一個開關，當用戶點擊開關時，就可以重新授權啦。

重新授權成功以後，我們回到首頁，就可以成功的獲取到用戶信息了。

到這裏我們就成功的實現了引導用戶授權的功能了。

把index.wxml和index.js代碼貼出來給大家

index.wxml

<!--index.wxml-->
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授權獲取頭像暱稱 </button>
<text>{{name}}</text>

index.js

//index.js
Page({
  getUserInfo: function(e) {
    let that = this;
    // console.log(e)
    // 獲取用戶信息
    wx.getSetting({
      success(res) {
        // console.log("res", res)
        if (res.authSetting['scope.userInfo']) {
          console.log("已授權=====")
          // 已經授權，可以直接調用 getUserInfo 獲取頭像暱稱
          wx.getUserInfo({
            success(res) {
              console.log("獲取用戶信息成功", res)
              that.setData({
                name: res.userInfo.nickName
              })
            },
            fail(res) {
              console.log("獲取用戶信息失敗", res)
            }
          })
        } else {
          console.log("未授權=====")
          that.showSettingToast("請授權")
        }
      }
    })
  },

  // 打開權限設置頁提示框
  showSettingToast: function(e) {
    wx.showModal({
      title: '提示！',
      confirmText: '去設置',
      showCancel: false,
      content: e,
      success: function(res) {
        if (res.confirm) {
          wx.navigateTo({
            url: '../setting/setting',
          })
        }
      }
    })
  },
})

有任何關於編程的問題都可以留言或者私信我，我看到後會及時解答

編程小石頭，碼農一枚，非著名全棧開發人員。分享自己的一些經驗，學習心得，希望後來人少走彎路，少填坑。

有任何關於小程序的問題可以加我微信：2501902696（備註小程序）

視頻講解：
https://edu.csdn.net/course/detail/9531