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