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中直接进行修改这样子不会导致后续包更新导致修改被覆盖或者其他问题嘛?欢迎懂的大佬在评论区交流一下。我是小程序新手。

相关推荐
CHU7290351 天前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
px不是xp1 天前
微信小程序组件化开发最佳实践
微信小程序·小程序·notepad++
曲江涛1 天前
微信小程序 摄像头 授权同页面丝滑调用
微信小程序
code_Bo1 天前
kiro生成小程序商业案例
前端·微信小程序·小程序·云开发
编程迪1 天前
基于SpringBoot开发的预约停车系统共享停车位小程序app
小程序·停车场小程序·预约停车·错峰出行·共享车位app
云起SAAS1 天前
早晚安打卡签到小程序完整源码 | 三级分销+红包广告+PC后台 | 商业级系统
小程序
职豚求职小程序1 天前
浙商银行笔试题库小程序练习2026新版题库
小程序
Kingexpand_com1 天前
旅游小程序选型指南:模板与定制开发全解析
小程序·旅游·软件开发·小程序开发·旅游小程序·旅行·定制开发
克里斯蒂亚诺更新1 天前
微信小程序引入vant weapp,button宽度100%
微信小程序·小程序
一品威客网1 天前
租车小程序 APP 版本开发 全端适配高效用车体验一站式搭建
小程序