最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法

 更新時(shí)間:2018年09月26日 14:43:15   作者:迷失  
這篇文章主要介紹了微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

注:沒有在微信開放平臺(tái)做開發(fā)者資質(zhì)認(rèn)證的就不要浪費(fèi)時(shí)間了,沒認(rèn)證無法獲取unionId,認(rèn)證費(fèi)用300元/年,emmmm....

微信授權(quán)登錄流程

第一步:wx.login獲取 用戶臨時(shí)登錄憑證code

第二步:wx.getUserInfo獲取加密過的數(shù)據(jù)encryptedData和解密參數(shù)iv

第三步:把步驟一、二中的code、encryptedData、iv傳到開發(fā)者自己服務(wù)端

第三步:服務(wù)端獲取到code、encryptedData、iv之后用get方法請(qǐng)求如下微信接口

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

appid:小程序appid

secret: 小程序密鑰

js_code: 第一步獲取的臨時(shí)登錄憑證code

grant_type:'authorization_code'

接口會(huì)返回 openid, session_key,注意:用戶已經(jīng)授權(quán)過的平臺(tái)還會(huì)返回unionId,如果你只是需要unionId,則到此為止

官方文檔說法如圖:

沒有授權(quán)過則用encryptedData、session_key、iv、appid、secret進(jìn)行解密,官方多語言解密示例下載鏈接:
unionId解密示例

包含c++ php python node

第四步:仿照示例解密后獲得unionId,想做什么就做什么了~

以下是授權(quán)登錄前端代碼:

authLogin () {
  wx.login({
   success: loginRes => {
    let code = loginRes.code // 獲取用戶臨時(shí)code
    wx.getUserInfo({
     success: function (res) {
      let encryptedData = res.encryptedData // 獲取加密數(shù)據(jù)
      let iv = res.iv // 解密參數(shù)
      // 發(fā)送解密必要數(shù)據(jù)到服務(wù)端
      wx.request({
       url: 'http://localhost',
       methods: 'POST',
       data: {
        code: code,
        encryptedData: encryptedData,
        iv: iv
       },
       succeess: res => {
        // 服務(wù)端首先調(diào)用微信接口獲取session_key
        // 用戶已經(jīng)授權(quán)過的平臺(tái)會(huì)直接返回unionId
        // 沒有授權(quán)過則用session_key進(jìn)行解密
        // 解密成功后服務(wù)端根據(jù)邏輯返回自定義信息
       }
      })
     }
    })
   }
  })
 }

以上步驟可行,但是微信調(diào)整了用戶授權(quán)方式

新的授權(quán)需用button組件調(diào)用getUserInfo,所以在這之前無法調(diào)用wx.login,但是如果先調(diào)用獲取用戶信息再調(diào)用wx.login的話,解密過程會(huì)出錯(cuò),猜測(cè)code對(duì)應(yīng)的session_key和之前getUserInfo獲取的encryptedData不匹配

解決辦法:

在頁面的onLoad生命周期里調(diào)用wx.login,獲取的code存入data以備需要的時(shí)候使用,但是code失效時(shí)間為5分鐘,如果用戶停留頁面時(shí)間過長(zhǎng)后點(diǎn)擊授權(quán)登錄,此時(shí)的code已經(jīng)過期了,所以,獲取code的函數(shù)應(yīng)該每4分鐘左右調(diào)用一次

wxml按鈕授權(quán):

<button open-type='getUserInfo' bindgetuserinfo="authLogin">微信登錄</button>

js:

 // 獲取code
 onLoad: function (options) {
  this.getCodeTimer()
 },
 getCodeTimer () {
  wx.login({
   success: res => {
    this.data.code = res.code
    setTimeout(() => {
     this.getCodeTimer()
    }, 4 * 60 * 1000)
   }
  })
 },
 // 授權(quán)登錄
 authLogin(event) {
  if (event.detail.errMsg == 'getUserInfo:ok') {
   wx.showLoading()
   let reqData = {
    code: this.data.code,
    encryptedData: event.detail.encryptedData,
    iv: event.detail.iv
   }
   wx.request({
    url: 'http://localhost:8080',
    methods: 'POST',
    data: reqData,
    success: (res) => {
     console.log(res)
      // 請(qǐng)求完成
    }
   })
  } else {
   console.log('用戶拒絕授權(quán)')
  }
 }

授權(quán)邏輯修改后實(shí)測(cè)沒有出過錯(cuò)

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 微信小程序功能之全屏滾動(dòng)效果的實(shí)現(xiàn)代碼

    微信小程序功能之全屏滾動(dòng)效果的實(shí)現(xiàn)代碼

    最近小編做項(xiàng)目遇到這樣的需求,要求實(shí)現(xiàn)一個(gè)全屏滾動(dòng)的效果,在網(wǎng)上找了實(shí)例代碼,但是不是很完美,小編又結(jié)合自己的知識(shí)給大家補(bǔ)充下,對(duì)微信小程序全屏滾動(dòng)效果的實(shí)例代碼感興趣的朋友參考下本文吧
    2018-11-11
  • HTML中不支持靜態(tài)Expando的元素的問題

    HTML中不支持靜態(tài)Expando的元素的問題

    HTML中不支持靜態(tài)Expando的元素的問題...
    2007-03-03
  • javascript常用經(jīng)典算法詳解

    javascript常用經(jīng)典算法詳解

    本文主要介紹了javascript七種常見算法:冒泡排序;插入排序;希爾排序;歸并排序;快速排序;選擇排序;奇偶排序。具有一定的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01
  • Yii2使用Bootbox插件實(shí)現(xiàn)自定義彈窗

    Yii2使用Bootbox插件實(shí)現(xiàn)自定義彈窗

    Bootbox.js 是一個(gè)小型的 JavaScript 庫用來創(chuàng)建簡(jiǎn)單的可編程對(duì)話框,基于 Twitter 的 Bootstrap 開發(fā)。今天我們就來研究下,如何使用bootbox插件來實(shí)現(xiàn)自定義彈窗。
    2015-04-04
  • js模糊查詢實(shí)例分享

    js模糊查詢實(shí)例分享

    本文主要分享了js模糊查詢的實(shí)現(xiàn)代碼,沒有接觸到后臺(tái)數(shù)據(jù)的知識(shí),只是查詢當(dāng)前表格中每一行所包含的關(guān)鍵字。具有一定的參考價(jià)值,需要的朋友一起來看下吧
    2016-12-12
  • javascript查詢字符串參數(shù)的方法

    javascript查詢字符串參數(shù)的方法

    這篇文章主要介紹了javascript查詢字符串參數(shù)的方法,實(shí)例分析了javascript獲取URL中對(duì)應(yīng)參數(shù)的使用技巧,需要的朋友可以參考下
    2015-01-01
  • bootstrap+jQuery實(shí)現(xiàn)的動(dòng)態(tài)進(jìn)度條功能示例

    bootstrap+jQuery實(shí)現(xiàn)的動(dòng)態(tài)進(jìn)度條功能示例

    這篇文章主要介紹了bootstrap+jQuery實(shí)現(xiàn)的動(dòng)態(tài)進(jìn)度條功能,結(jié)合完整實(shí)例形式分析了bootstrap+jQuery實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
    2017-05-05
  • Js獲取圖片原始寬高的實(shí)現(xiàn)代碼

    Js獲取圖片原始寬高的實(shí)現(xiàn)代碼

    下面小編就為大家?guī)硪黄狫s獲取圖片原始寬高的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧
    2016-05-05
  • electron中ipcMain使用示例小結(jié)

    electron中ipcMain使用示例小結(jié)

    ipcMain模塊是Electron架構(gòu)中實(shí)現(xiàn)主進(jìn)程與渲染進(jìn)程之間通信的關(guān)鍵部分,ipcMain模塊是一個(gè)非常重要的組件,本文給大家講解electron中ipcMain用法示例小結(jié),感興趣的朋友跟隨小編一起看看吧
    2024-04-04
  • javascript中contains是否包含功能實(shí)現(xiàn)代碼(擴(kuò)展字符、數(shù)組、dom)

    javascript中contains是否包含功能實(shí)現(xiàn)代碼(擴(kuò)展字符、數(shù)組、dom)

    原生JS中是有contains方法的,但只有dom元素的包含關(guān)系,這里腳本之家就為大家分享一下擴(kuò)展的字符string與數(shù)組arr的擴(kuò)展代碼
    2020-04-04

最新評(píng)論

东台市| 麻栗坡县| 萨嘎县| 江口县| 隆林| 石狮市| 高雄县| 会昌县| 高安市| 威远县| 大邑县| 庐江县| 禹城市| 临泉县| 瓦房店市| 大同县| 忻城县| 双辽市| 大洼县| 科技| 正定县| 陕西省| 南充市| 谢通门县| 康定县| 林周县| 图木舒克市| 海安县| 收藏| 扎赉特旗| 班玛县| 宣化县| 札达县| 漾濞| 双桥区| 武邑县| 徐闻县| 女性| 托克托县| 长兴县| 巫溪县|