微信小程序獲取UnionId所踩過的坑

最近在處理一個小程序的項目,有個任務是獲取小程序的unionId,首先了解了下unionId的機制說明,如下官網地址:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/union-id.html

獲取unionId的前提是:綁定了開發者帳號的小程序,可以通過以下途徑獲取 UnionID。

獲得的途徑也是存在多種方式,我是按照”調用接口 wx.getUserInfo,從解密數據中獲取 UnionID。注意本接口需要用戶授權,請開發者妥善處理用戶拒絕授權後的情況。“這種來驗證的。

驗證過程中有以下踩坑過程。

1、官網提供的”加密數據解密算法 “的示例包中有C++、Node、PHP、Python,不能直接用到小程序中使用,剛開始不瞭解請況,直接將Node的代碼放到了小程序中使用,結果出現了找不到”crypto.js"的錯誤;這裏通過搜索在小程序加插件“Crypto"也是沒有解決問題。

2、在Node的示例代碼中直接通過Node命令執行是可以解析成功的。

3、通過crypto-js包來解析unionId,其中步驟如下:

      第一步:進入小程序所在的根目錄執行:npm install crypto-js --save

      其實在小程序中無法直接導入crypto-js包的,這裏將安裝後的crypto-js文件夾拷貝到小程序的util目錄下

      

      第二步:新建文件WXBizDataCrypt.js,代碼如下:

import CryptoJS from './crypto-js/index.js';

import { Base64 } from 'js-base64'

function WXBizDataCrypt(appId, sessionKey) {

     this.appId = appId

     this.sessionKey = sessionKey

}

WXBizDataCrypt.prototype.decryptData = function (encryptedData, ivv) {

      let key = CryptoJS.enc.Base64.parse(this.sessionKey)

      let iv = CryptoJS.enc.Base64.parse(ivv)

      let decrypt = CryptoJS.AES.decrypt(encryptedData, key, {

              iv: iv,

              mode: CryptoJS.mode.CBC,

              padding: CryptoJS.pad.Pkcs7

})

return JSON.parse(Base64.decode(CryptoJS.enc.Base64.stringify(decrypt)))

}

module.exports = WXBizDataCrypt

第三步:在用戶授權頁面中使用,代碼如下:

 import WXBizDataCrypt from '../../utils/WXBizDataCrypt.js'
 ......
 // 查看是否授權
 wx.getSetting({
   success(res) {
     console.log(res, 'res')
     if (res.authSetting['scope.userInfo']) {
       wx.login({
         success: res => {
           // 獲取到用戶的 code 之後:res.code
           console.log("用戶的code:" + res.code);
           wx.getUserInfo({
             success(res) {
               console.log(res, '////jieguo')
               that.gd.userInfo = res.userInfo
               var appId = 'APPID'
               var encryptedData = 'ENCRYPTEDDATA'
               //通過wx.login中的code獲取SESSIONKEY
               var pc = new WXBizDataCrypt(appId, "SESSIONKEY")
               var data = pc.decryptData(res.encryptedData, res.iv)
               console.log('解密後 data: ', data)
             }
           })
         }
       })
     }
   }
 })
其中的wx.login和wx.getUserInfo的調用順序不可以顛倒,要麼會出現Illegal Buffer 的錯誤。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章