微信小程序获取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 的错误。