微信小程序如何實現(xiàn)用戶授權(quán)彈窗并拒絕時引導(dǎo)用戶重新授權(quán)-創(chuàng)新互聯(lián)

小編給大家分享一下微信小程序如何實現(xiàn)用戶授權(quán)彈窗并拒絕時引導(dǎo)用戶重新授權(quán)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！為您提供成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、成都網(wǎng)頁設(shè)計、成都微信小程序、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、成都App制作是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計公司，等你一起來見證！

先看效果圖

從上圖可以看出，我們在用戶點擊拒絕授權(quán)時，我們會彈出一個提示框，提示用戶去設(shè)置頁重新授權(quán)，當(dāng)用戶去授權(quán)頁重新授權(quán)以后，我們再回到首頁，點擊獲取用戶信息時，就可以成功的獲取到用戶信息了。
如下圖藍色框里，就是我們成功的獲取的用戶信息。

 

一，我們獲取用戶信息的時候需要用戶授權(quán)

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

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

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授權(quán)獲取頭像昵稱 </button>

二，檢測用戶是否授權(quán)

我們在用戶點擊了上面定義的button按鈕后，做權(quán)限檢測。代碼如下。

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

給大家簡單解析下。

wx.getSetting ：用來獲取用戶授權(quán)列表

if (res.authSetting['scope.userInfo']) 代碼用戶授權(quán)成功，如果用戶沒有授權(quán)，就代表授權(quán)失敗。

在授權(quán)失敗時，我們調(diào)用that.showSettingToast()方法

三，showSettingToast方法如下

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

這方法做的就是引導(dǎo)用戶去設(shè)置頁。

四，我們的設(shè)置頁

我們的設(shè)置頁其實很簡單，只有上圖這么一段代碼。

 

五，去系統(tǒng)設(shè)置頁

我們上面第四步的button按鈕，點擊以后，就會去系統(tǒng)設(shè)置頁。

可以看到系統(tǒng)設(shè)置頁，有一個開關(guān)，當(dāng)用戶點擊開關(guān)時，就可以重新授權(quán)啦。

重新授權(quán)成功以后，我們回到首頁，就可以成功的獲取到用戶信息了。

到這里我們就成功的實現(xiàn)了引導(dǎo)用戶授權(quán)的功能了。

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

index.wxml

<!--index.wxml-->
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授權(quán)獲取頭像昵稱 </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("已授權(quán)=====")
     // 已經(jīng)授權(quán)，可以直接調(diào)用 getUserInfo 獲取頭像昵稱
     wx.getUserInfo({
      success(res) {
       console.log("獲取用戶信息成功", res)
       that.setData({
        name: res.userInfo.nickName
       })
      },
      fail(res) {
       console.log("獲取用戶信息失敗", res)
      }
     })
    } else {
     console.log("未授權(quán)=====")
     that.showSettingToast("請授權(quán)")
    }
   }
  })
 },

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

以上是“微信小程序如何實現(xiàn)用戶授權(quán)彈窗并拒絕時引導(dǎo)用戶重新授權(quán)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：微信小程序如何實現(xiàn)用戶授權(quán)彈窗并拒絕時引導(dǎo)用戶重新授權(quán)-創(chuàng)新互聯(lián)
本文地址：http://www.muchs.cn/article37/icssj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站改版、品牌網(wǎng)站制作、企業(yè)網(wǎng)站制作、移動網(wǎng)站建設(shè)、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)