uni-app app vue 小程序 RSA 加密/解密 使用 jsencrypt 踩坑(Message too long for RSA/Cannot read property 'appName')（一）

军哥哥傻乎乎

老弟的APP最近要重新改造，数据传输这一块要进行加密（虽然APP能反编译...不过有总比没有好）。

他后台用的是RSA加密，需要我uniapp的前端进行数据解密。

那就……开工吧：

 

【尝试一】

教程地址： https://www.cnblogs.com/sunnycc/p/13448670.html

 

把js下载下来，引入：

然后运行项目，结果发现报错：Cannot read property 'appName'

 

原因：该教程里的jsencrypt.js，不是vue版本，window等关键字都存在，不报错才怪！

 

好吧，我比较懒，也懒得去看源码，先找找有没有uniapp或者vue版本的jsencrypt.js吧：

 

 

【尝试二】

教程地址：https://www.jianshu.com/p/adc471b4d5d6

 

这次的jsencrypt.js是github（仓库地址：https://github.com/ShuKeHong/uniapp-jsencrypt）上的uniapp版本，看着也更靠谱：

照着文中步骤一步步进行了配置：

 

然后运行起来看一下：

 

 哎哟，好像对了耶！

 

于是我又拿着老弟给我的真实数据，进行测试：

 

纳尼！！报错了：Message too long for RSA

 

好家伙，密文直接给我干成false了！看来这个也有问题鸭！

 

猜测是加密的字符串太长，导致了异常。但我还是懒，不想去看源码，继续百度！

 

 

【尝试三】

教程地址：https://www.freesion.com/article/8202630659/

 

文中提到了encryptlong.js，感觉这个和我的问题正好互补，应该靠谱，试试水吧：

结果遇到了最开始的那种问题：

 

呵呵！这个js也不支持vue，难道天要亡我吗？？？

 

不！我命油我不油天！要不……咱们还是看源码吧！

……

……

经过一顿简单操作，终于成功了：

 

 

 那么我是如何成功的呢？

①将【尝试三】中（仓库地址：https://www.npmjs.com/package/encryptlong）源码里的 encryptLong 方法和 decryptLong 方法，

拷贝到【尝试二】中（仓库地址：https://github.com/ShuKeHong/uniapp-jsencrypt）；

②加密时调用encryptLong方法，解密时调用decryptLong方法；

 

完美，神功大成！

 

---------------------------------------------------

然而并没有完美，后来又发现问题了。详情请看第二篇：《uni-app app vue 小程序 RSA 加密/解密 使用 jsencrypt 踩坑(字符乱码问题)（二）》

 

 

有点饿了，拿碗排队打饭！

 

如果对您有帮助，可以的话请帮我点个赞吧，谢谢~

 

来源：https://www.cnblogs.com/wshisboy/p/14905388.html