uniapp开发 RSA加密

用心去追梦

已于 2024-01-25 17:44:14 修改

阅读量889

点赞数 12

文章标签： uni-app

于 2024-01-25 17:37:55 首次发布

本文链接：https://blog.csdn.net/qq_33240556/article/details/135850167

版权

本文介绍了如何在Vue应用中使用jsencrypt库进行RSA加密，包括npm安装、在Vue原型上挂载、在App.vue中设置全局公钥以及在页面中实际加密操作的过程。

摘要由CSDN通过智能技术生成

1、导入jsencrypt

可以直接npm导入
这里介绍下本地导入
jsencrypt下载地址（需要解压）
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-0c03b75a-8139-4654-83b3-f12d36df4bbe/a4e593c9-fefa-41f6-9b94-28d904c607fd.zip
在这里插入图片描述

main.js挂载

// 引入
import JSEncrypt from 'common/jsencrypt/bin/jsencrypt.js'
Vue.prototype.$jsencrypt = JSEncrypt

3、App.vue中设置一个全局公钥

在这里插入图片描述

4、页面script中先定义下app，用来获取公钥

var app = getApp();

5、页面中具体实现

const encryptor = new this.$jsencrypt();
const publicKey = app.globalData.skRSAPublicKey
encryptor.setPublicKey(publicKey)

// 这个就是rsa加密后的值
encryptor.encrypt(this.accountValue)