微信小程序授權登錄、解密unionId出錯

tinysun1234 發布于2019-08-26 12:21 / 1683人閱讀

摘要：注沒有在微信開放平臺做開發者資質認證的就不要浪費時間了，沒認證無法獲取，認證費用元年，微信授權登錄流程第一步獲取用戶臨時登錄憑證第二步獲取加密過的數據和解密參數第三步把步驟一二中的傳到開發者自己服務端第三步服務端獲取到之后用方法請求如下微信

注：沒有在微信開放平臺做開發者資質認證的就不要浪費時間了，沒認證無法獲取unionId，認證費用300元/年，emmmm....

微信授權登錄流程

第一步：wx.login獲取用戶臨時登錄憑證code

第二步：wx.getUserInfo獲取加密過的數據encryptedData和解密參數iv

第三步：把步驟一、二中的code、encryptedData、iv傳到開發者自己服務端

第三步：服務端獲取到code、encryptedData、iv之后用get方法請求如下微信接口

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

appid：小程序appid
secret：小程序密鑰
js_code：第一步獲取的臨時登錄憑證code
grant_type："authorization_code"
接口會返回 openid, session_key，注意：用戶已經授權過的平臺還會返回unionId，如果你只是需要unionId，則到此為止

官方文檔說法如圖：

沒有授權過則用encryptedData、session_key、iv、appid、secret進行解密，官方多語言解密示例下載鏈接：
unionId解密示例
包含c++ php python node

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

以下是授權登錄前端代碼:

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

以上步驟可行，但是微信調整了用戶授權方式

新的授權需用button組件調用getUserInfo，所以在這之前無法調用wx.login，但是如果先調用獲取用戶信息再調用wx.login的話，解密過程會出錯，猜測code對應的session_key和之前getUserInfo獲取的encryptedData不匹配

解決辦法：
在頁面的onLoad生命周期里調用wx.login，獲取的code存入data以備需要的時候使用，但是code失效時間為5分鐘，如果用戶停留頁面時間過長后點擊授權登錄，此時的code已經過期了，所以，獲取code的函數應該每4分鐘左右調用一次

wxml按鈕授權：

js:

  // 獲取code
  onLoad: function (options) {
    this.getCodeTimer()
  },
  getCodeTimer () {
    wx.login({
      success: res => {
        this.data.code = res.code
        setTimeout(() => {
          this.getCodeTimer()
        }, 4 * 60 * 1000)
      }
    })
  },
  // 授權登錄
  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)
            // 請求完成
        }
      })
    } else {
      console.log("用戶拒絕授權")
    }
  }

授權邏輯修改后實測沒有出過錯

云服務器 GPU云服務器微信小程序支付微信小程序部署微信小程序搭建微信小程序環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108544.html

小程序登錄、微信網頁授權（Java版）

摘要：小程序登錄微信網頁授權版首先呢，登錄授權授權登錄，是一樣的意思，不用糾結。寫小程序授權登錄的代碼前，需要了解清楚與的區別，這里再簡單介紹一下騰訊有個微信開放平臺，只有企業才能注冊賬號，可理解為微信體系里，最頂級的賬號。小程序登錄、微信網頁授權（Java版）首先呢，登錄、授權、授權登錄，是一樣的意思，不用糾結。寫小程序授權登錄的代碼前，需要了解清楚openid與unionid的區別...

joywek 2019-08-16 14:02 評論0 收藏0
PHP實現微信小程序用戶授權的工具類

摘要：事先準備工作申請一個小程序，申請地址傳送門仔細閱讀小程序的用戶授權登陸官方文檔用戶授權登陸的流程仔細閱讀微信用戶數據解密的相關文檔用戶數據解密說明文檔在小程序后臺配置好相應的后端請求地址，路徑是開發開發設置，如圖小程序如果需要做多個事先準備工作 1.申請一個小程序，申請地址：傳送門 2.仔細閱讀小程序的用戶授權登陸官方文檔：《用戶授權登陸的流程》 3.仔細閱讀微信用戶數據解密的相關文...

seanHai 2019-07-01 12:33 評論0 收藏0
微信小程序開發：python+sanic 實現小程序登錄注冊

摘要：參考鏈接微信小程序七日談第五天你可能要在登錄功能上花費大力氣理解認證及實踐網站微信登錄實現最后，感謝女朋友支持。開發微信小程序時，接入小程序的授權登錄可以快速實現用戶注冊登錄的步驟，是快速建立用戶體系的重要一步。這篇文章將介紹 python + sanic + 微信小程序實現用戶快速注冊登錄全棧方案。微信小程序登錄時序圖如下： showImg(https://segmentfaul...

antz 2019-08-20 18:25 評論0 收藏0
微信小程序開發：python+sanic 實現小程序登錄注冊

摘要：參考鏈接微信小程序七日談第五天你可能要在登錄功能上花費大力氣理解認證及實踐網站微信登錄實現最后，感謝女朋友支持。開發微信小程序時，接入小程序的授權登錄可以快速實現用戶注冊登錄的步驟，是快速建立用戶體系的重要一步。這篇文章將介紹 python + sanic + 微信小程序實現用戶快速注冊登錄全棧方案。微信小程序登錄時序圖如下： showImg(https://segmentfaul...

Nino 2019-07-30 14:24 評論0 收藏0
優雅解決微信小程序授權登錄需要button觸發

摘要：優雅解決微信小程序授權登錄需要觸發聊一聊最近的一個項目，這個項目是一個收書售書的小程序，有商城專欄信息發布論壇等功能。微信不會把的有效期告知開發者。優雅解決微信小程序授權登錄需要button觸發聊一聊最近的一個項目，這個項目是一個收書、售書的小程序，有商城、專欄、信息發布論壇等功能。雖然不是面向所有用戶，但要求無論用戶是否授權都皆可使用，但同時也要求部分功能對不授權的用戶限制開放。...

plus2047 2019-08-23 15:40 評論0 收藏0