微信小程序使用jsencrypt进行加密以及解决Cannot read property ‘appName‘ of undefined 和 Cannot read property ‘crypto‘-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序使用jsencrypt进行加密以及解决Cannot read property ‘appName‘ of undefined 和 Cannot read property ‘crypto‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.使用npm安装jsencrypt的包

npm install jsencrypt

2.构建npm

打开微信开发者工具==》顶部导航栏的工具==》构建npm
小程序jsencrypt,微信小程序,小程序,前端

3.微信开发者工具的本地设置进行配置

打开微信开发者工具==》顶部的详情==》本地设置==》允许将js编译成ES5

小程序jsencrypt,微信小程序,小程序,前端

此时，编译就会出现Uncaught TypeError: Cannot read property ‘appName‘ of undefined 的问题。我查了很多博客解决这个问题。主要是查看了如下的博客

小程序加密jsencrypt.js使用 Uncaught TypeError: Cannot read property ‘appName‘ of undefined 已解决

此时，这个问题就解决了，但是又出现了 Cannot read property ‘crypto’ of undefined的问题。再系列的操作解决下来就很麻烦。主要的我、原因就是微信小程序很多东西不兼容。

在后面的查询中，我发现了一个可以快速解决上述问题的方法。查看到一篇文章解决了jsEncrypt.js不兼容小程序的问题。

就是修改安装的包的源文件。

4.修改安装的jsencrypt的.js和.min.js的源文件

小程序jsencrypt,微信小程序,小程序,前端

修改后的源文件

打开链接==》打开其中的utils文件==》以及jsencrypt.js和jsencrypt.min.js文件。替换到上图安装的包的源文件中即可。

小程序jsencrypt,微信小程序,小程序,前端

小程序jsencrypt,微信小程序,小程序,前端文章来源地址https://www.toymoban.com/news/detail-607508.html

5.此时重新编译，再在页面中引入即可使用

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

到了这里，关于微信小程序使用jsencrypt进行加密以及解决Cannot read property ‘appName‘ of undefined 和 Cannot read property ‘crypto‘的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！