微信小程序-前端解密手机号

微信小程序-前端解密手机号

前几天博主所开发的小程序用到了前端解密获取用户手机号的功能，网上这块的资料不是特别的详细，在此做一个记录。

使用场景 微信小程序用户登录获取手机号

第一步：下载cryptojs放在根目录utils下（点击下载cryptojs）

第二步：在utils文件夹下命名RdWXBizDataCrypt.js文件，并写入下面的内容

var Crypto = require('./cryptojs/cryptojs.js').Crypto;
var app = getApp();
function RdWXBizDataCrypt(appId, sessionKey) {
    this.appId = appId
    this.sessionKey = sessionKey
}
RdWXBizDataCrypt.prototype.decryptData = function(encryptedData, iv) {
    // base64 decode ：使用 CryptoJS 中 Crypto.util.base64ToBytes()进行 base64解码
    var encryptedData = Crypto.util.base64ToBytes(encryptedData)
    // console.log(sessionKey)
    var key = Crypto.util.base64ToBytes(this.sessionKey);
    var iv = Crypto.util.base64ToBytes(iv);
    // console.log(encryptedData,key,iv)
    // 对称解密使用的算法为 AES-128-CBC，数据采用PKCS#7填充
    var mode = new Crypto.mode.CBC(Crypto.pad.pkcs7);
    try {
        // 解密
        var bytes = Crypto.AES.decrypt(encryptedData, key, {
            asBpytes: true,
            iv: iv,
            mode: mode
        });
        var decryptResult = JSON.parse(bytes);

    } catch (err) {
        console.log(err)
    }
    if (decryptResult.watermark.appid !== this.appId) {
        console.log(err)
    }
    return decryptResult
}
module.exports = RdWXBizDataCrypt

第三步解密：

    //解密获取手机号
        getphonenumber(e) {;
            let phone = e['mp'].detail.encryptedData;
            let iv = e['mp'].detail.iv;
            const RdWXBizDataCrypt = require('../../utils/RdWXBizDataCrypt.js');
            var appId = '';//当前小程序appId
            let session_key = wx.getStorageSync('session_key');//后台获取
            let key = session_key;
            const pc = new RdWXBizDataCrypt(appId, key);
            const data = pc.decryptData(phone, iv);
            console.log(data.phoneNumber); //当前手机号码
        },

这样就成功获取到解密后的手机号了。