vue 使用 RSA加密 + java 后端 RSA解密

1: 使用支付宝 rsa 密钥生成工具 ,生成密钥,地址如下:

 https://opensupport.alipay.com/support/knowledge/20069/201602048385?ant_source=zsearch

 

2:这是下载工具后的目录: 点击 RSA 签名验签工具.bat

vue 使用 RSA加密 + java 后端 RSA解密_第1张图片

 

3: https://docs.open.alipay.com/291/105971/

vue 使用 RSA加密 + java 后端 RSA解密_第2张图片

vue 使用 RSA加密 + java 后端 RSA解密_第3张图片

 

4: 现在密钥已经生成完毕, 接下来就是 vue 中使用 公钥 将数据进行加密 了

 1:安装jsencrypt

     npm i jsencrypt -S
2:
引入jsencrypt

在main.js中import:

1 import JsEncrypt from 'jsencrypt'
2 Vue.prototype.$jsEncrypt = JsEncrypt

vue 使用 RSA加密 + java 后端 RSA解密_第4张图片

 

3:JSEncrypt实例化(此部分可做成工具类,供项目中各模块使用), 此处encrypt.setPublicKey 是 生成的密钥的公共密钥,加上  begin public key   和 end public key 就可以了。

vue 使用 RSA加密 + java 后端 RSA解密_第5张图片

 

 

vue 使用 RSA加密 + java 后端 RSA解密_第6张图片

 

4: 在 mian.js 中 引入全局 js

vue 使用 RSA加密 + java 后端 RSA解密_第7张图片

 

5: 将用户名密码进行加密, 至此 vue 前端加密完成, 接下来就是  后端解密。

 

6:后端解密:加载密钥。 解密密文, 重点一定要先 base64Decoder 解码。

 

1:加载密钥。

vue 使用 RSA加密 + java 后端 RSA解密_第8张图片

 

2:解密密文:

vue 使用 RSA加密 + java 后端 RSA解密_第9张图片

你可能感兴趣的:(程序人生)