欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

微信小程序如何調(diào)用微信授權(quán)窗口-創(chuàng)新互聯(lián)

這篇文章主要介紹了微信小程序如何調(diào)用微信授權(quán)窗口,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)是專業(yè)的扎蘭屯網(wǎng)站建設(shè)公司,扎蘭屯接單;提供網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行扎蘭屯網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

1. 具體實(shí)現(xiàn)

app.js的onLaunch()函數(shù)中,添加獲取用戶個人信息的代碼段。實(shí)現(xiàn)在用戶已經(jīng)授權(quán)的情況(例如第二次打開小程序時)下,自動獲取用戶個人信息,而不需要用戶的授權(quán)。

// 獲取用戶信息
wx.getSetting({
  success: res => {
    if (res.authSetting['scope.userInfo']) {
      console.log("app: " + "用戶已經(jīng)授權(quán)")
      // 已經(jīng)授權(quán),可以直接調(diào)用 getUserInfo 獲取頭像昵稱,不會彈框
      wx.getUserInfo({
        success: res => {
          // 可以將 res 發(fā)送給后臺解碼出 unionId
          this.globalData.userInfo = res.userInfo
          console.log(this.globalData.userInfo)
          this.globalData.hasUserInfo = true
          // 由于 getUserInfo 是網(wǎng)絡(luò)請求,可能會在 Page.onLoad 之后才返回
          // 所以此處加入 callback 以防止這種情況
          if (this.userInfoReadyCallback) {
            this.userInfoReadyCallback(res)
          }
        },
        fail: (res) => {
          console.log("app: " + "獲取用戶信息失敗")
        }
      })
    }else {
      console.log("app: " + "用戶暫時未授權(quán)")
    }
  }
})

me.wxml中添加授權(quán)按鈕(具體的頁面根據(jù)大家的實(shí)際情況)。這里的button組件必須按照如下的形式。

<button open-type="getUserInfo" bindgetuserinfo="你自己定義函數(shù)"></button>
<block wx:if="{{!hasUserInfo}}">
  <image src='../../images/icon/wechat.png'></image>
  <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">微信授權(quán)登錄</button>
</block>

效果這樣,具體的樣式根據(jù)大家的喜好更改

微信小程序如何調(diào)用微信授權(quán)窗口

me.js中添加如下變量和方法,在用戶之前沒有授權(quán)的情況下,需要用戶主動點(diǎn)擊按鈕。

data: {
  userInfo: null,
  hasUserInfo: false
},
getUserInfo: function(e) {
  console.log("me: " + "用戶點(diǎn)擊授權(quán)")
  if(e.detail.userInfo){
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
    app.data.userInfo = this.userInfo
    app.data.hasUserInfo = true
  }
}

2. 無法彈出授權(quán)窗口

微信小程序如何調(diào)用微信授權(quán)窗口

這里一定要注意

授權(quán)窗口只會在用戶第一次授權(quán)時出現(xiàn),也就是,只會出現(xiàn)一次!!

在微信小程序開發(fā)工具里,需要我們清除所有緩存

微信小程序如何調(diào)用微信授權(quán)窗口

3. 已經(jīng)授權(quán)的情況下,不顯示按鈕

由于用戶已經(jīng)授權(quán)的時候,app.js會獲取用戶個人信息(而不是在用戶點(diǎn)擊授權(quán)按鈕時獲取),但是這個過程是異步的。

可以看到我們的授權(quán)按鈕的出現(xiàn)時根據(jù){{!hasUserInfo}}的真值來判斷,這個值可以通過app.js是否獲取了信息來賦值。

<block wx:if="{{!hasUserInfo}}">
  <image class="userAvatar" src='../../images/icon/wechat.png'></image>
  <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">微信授權(quán)登錄</button>
</block>

但是,可能出現(xiàn)用戶已經(jīng)授權(quán)了,但是app.js獲取個人信息時過慢,然而我們的授權(quán)按鈕卻錯誤的以為app.js沒有獲取到信息,所以將授權(quán)按鈕渲染了出來。

這時,我們希望,在app.js判斷用戶已經(jīng)授權(quán)且獲取到信息后,告訴我們的授權(quán)按鈕。

我們在me.js中添加如下代碼段。

onLoad: function() {
  // 獲取個人信息
  if(app.globalData.userInfo){
    this.setData({
      userInfo: app.globalData.userInfo,
      hasUserInfo: true
    })
  }else{
    // 在app.js沒有獲取到信息時,判斷app.js的異步操作是否返回信息
    app.userInfoReadyCallback = res => {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    }
  }
}

為什么這里會有個app.userInfoReadyCallback函數(shù)呢,我們注意到在app.js的wx.getSetting里有一段回調(diào)函數(shù),這個函數(shù)就是用來解決異步的問題。

微信小程序如何調(diào)用微信授權(quán)窗口

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“微信小程序如何調(diào)用微信授權(quán)窗口”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

本文標(biāo)題:微信小程序如何調(diào)用微信授權(quán)窗口-創(chuàng)新互聯(lián)
鏈接分享:http://www.aaarwkj.com/article24/ccocje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、外貿(mào)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、用戶體驗(yàn)、App設(shè)計(jì)、網(wǎng)站策劃

廣告

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

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)
日韩在线国产精品视频| 99热这里只有精品最新| 黄色三级视频一区二区三区| 日韩三级视频一区二区| 91精品一久久香蕉国产| 亚洲区自拍偷拍一区二区| 香婷婷一区二区精品久久| 亚洲成人精品青青香蕉| 亚洲国产熟对白剧情一区二区| 激情五月开心五月麻豆| 伊人久久九九精品综合| 密桃精品一区二区三区在线观看| 亚洲av免费一区二区三区| 黄片在线免费观看欧美中文| 国产精品九九久久精品女同| 亚洲精品国产精品粉嫩av| 亚洲精品天堂av免费看| 午夜视频在线观看黄片| 国产精品女人毛片在线看| 日韩欧美人妻中文字幕| 国产精品国产精品无卡区| 欧美三级影院网上在线| 91九色视频官网在线观看| 久草午夜福利视频免费观看| 欧美日本一区二区三区免费| 欧美日韩国产精品一区二区在线观看 | 男人喜欢看的免费视频| 亚洲黄色艳情视频录像| 亚洲中文字幕一区二区人妻| 熟妇人妻精品一区二区三区颏| 变态另类欧美国产在线| 国产婷婷色三区一区二区| 黄色大全欧美在线观看| 日本韩国一区二区精品| 亚洲天堂av现在观看| 国产在线播放精品视频| 雪白肥臀视频一区二区三区| 日韩精品一区二区三区av在线| 97视频在线中文字幕| 中文字幕有码精品在线| 国产日韩欧在线视频|