最近在處理一個小程序的項目,有個任務是獲取小程序的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 的錯誤。