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

相关推荐
蓝帆傲亦1 小时前
支付宝小程序性能暴增秘籍:UniApp项目极限优化全攻略
小程序·uni-app
CHU7290356 小时前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
2501_933907217 小时前
深圳本凡科技专业企业APP开发,助力手机应用创新优化
科技·微信小程序·小程序
每天都要加油呀!9 小时前
TypeError: uni.requestPayment is not a function
小程序
java1234_小锋9 小时前
分享一套优质的微信小程序校园志愿者系统(SpringBoot后端+Vue3管理端)
微信小程序·小程序·校园志愿者
2501_9160088911 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
打破砂锅问到底00711 小时前
AI 驱动开发实战:10分钟从零构建「微信群相册」小程序
人工智能·微信·小程序·ai编程
CHU72903511 小时前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
QT.qtqtqtqtqt12 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
CHU72903513 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序