vue3+hubuilderX开发微信小程序使用elliptic生成ECDH密钥对遇到的问题

1、Cannot read properties of null (reading 'getBytes')

具体使用方式为

复制代码
import EC from 'elliptic/lib/elliptic/ec';
const ec = new EC('p256'); // 选择椭圆曲线secp256k1的别名是p256
const aliceKeyPair = ec.genKeyPair();

增加log后发现问题产生原因在const aliceKeyPair = ec.genKeyPair();函数。故进行了进一步的排查找到node_modules/elliptic/lib/elliptic/ec/index.js路径下的EC.prototype.genKeyPair = function genKeyPair(options) 函数后发现问题在于var brorand = require('brorand');这个库的引入,这里我因为调试更改了引入后的名称注意分辨。

同时注意brorand的路径应该为node_modules/brorand/index.js而非Microsoft/TypeScript/5.2/node_modules/@types/brorand/index.d.ts因为这个路径问题多调试了两个小时各种分析。

复制代码
var drbg = new HmacDRBG({
    hash: this.hash,
    pers: options.pers,
    persEnc: options.persEnc || 'utf8',
    entropy: options.entropy || brorand(this.hash.hmacStrength),
    entropyEnc: options.entropy && options.entropyEnc || 'utf8',
    nonce: this.n.toArray(),
  });

在node_modules/brorand/index.js中存在

c 复制代码
function Rand(rand) {
  this.rand = rand;
}

而elliptic/lib/elliptic/ec/index.js在调用时似乎并未传入对应的rand随机数生成函数。所以产生了Cannot read properties of null (reading 'getBytes')问题。

解决方案为将node_modules/brorand/index.js中的Rand替换为以下代码即可正常使用。

c 复制代码
const customRand = {
  getBytes: function(n) {
    const arr = new Uint8Array(n);
    // 自定义随机数生成逻辑(例如使用 Math.random(),但不推荐用于加密)
    for (let i = 0; i < n; i++) {
      arr[i] = Math.floor(Math.random() * 256);
    }
    return arr;
  }
};


function Rand(rand) {
  this.rand = customRand;
}

这部分内容在修改完成后需要把微信开发者工具完全关闭后再重新打开才会生效。包的修改都需要进行这个操作。

但是我也不知道是否应该在node_modules中直接进行修改这样子不会导致后续包更新导致修改被覆盖或者其他问题嘛?欢迎懂的大佬在评论区交流一下。我是小程序新手。

相关推荐
2501_9160088924 分钟前
如何实现iOS App代码混淆:SwiftShield使用指南
android·ios·小程序·https·uni-app·iphone·webview
微擎应用市场26 分钟前
简单拼车小程序系统:实现出行与物流资源的高效精准匹配
小程序
甜到心里的蛋糕2 小时前
如何用企业微信实现让微信收到通知实时通知
服务器·python·微信小程序·fastapi
2501_916008892 小时前
怎么用 Godot 导出 iOS 应用并上架 App Store?签名字段该填什么?
android·ios·小程序·https·uni-app·iphone·webview
2601_963870202 小时前
基于springboot的综合网上购物商场系统
微信小程序·小程序·课程设计
2601_9638699513 小时前
力序健身房管理系统
微信小程序·小程序
一 乐16 小时前
二手交易平台|基于springboot + vue二手交易平台(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序
拖孩21 小时前
给小程序加「一键发公众号贴图」,我把 wx.shareToOfficialAccount 的三个坑趟了一遍
前端·后端·微信小程序
微擎应用市场21 小时前
鲸飞云 PMS 系统 —— 现代化酒店运营的智能管理解决方案
小程序
疯狂小猫咪1 天前
教务管理系统课时消课模块设计思路
大数据·小程序