前端实现RSA非对称加密及生成RSA公私密钥

前端实现RSA非对称加密

RSA简介

RSA用于保密性时,就是公钥加密,私钥解密。 因为公钥是可以公开了, 那么任何人都可以使用公钥对信息进行加密,但是只有持有私钥的人才能正确解密。这样就保证了信息的保密性,因为只有私钥持有者才能正确解密。

安装jsencrypt

前端引用jsencrypt插件实现RSA的非对称加密;

javascript 复制代码
npm install jsencrypt

import JSEncrypt from 'jsencrypt'

RSA加密

javascript 复制代码
var encryptor = new JSEncrypt()  // 创建加密对象实例
//之前生成的公钥,复制的时候要小心不要有空格(此处把密钥省略了,自己写的时候可把自己生成的公钥粘到对应位置)
var pubKey = '公钥'
encryptor.setPublicKey(pubKey)//设置公钥
var rsaPassWord = encryptor.encrypt('要加密的文本')  // 对内容进行加密
console.log(rsaPassWord )

RSA解密

javascript 复制代码
var decrypt = new JSEncrypt()//创建解密对象实例
//之前生成的秘钥(把自己生成的密钥钥粘到对应位置)
var priKey  = '私钥'
decrypt.setPrivateKey(priKey)//设置秘钥
var uncrypted = decrypt.decrypt('要解密的文本')//解密之前拿公钥加密的内容
console.log(uncrypted)

如何生成公私秘钥(windows)

打开gitbash

输入 openssl genrsa -out private.pem 1024生成私钥

输入openssl rsa -in private.pem -pubout -out public.pem生成公钥

最终gitbash当前命令所在的文件夹里找到成对的公私密钥文件:


相关推荐
斯~内克1 小时前
Electron 菜单系统深度解析:从基础到高级实践
前端·javascript·electron
数据知道1 小时前
【YAML】一文掌握 YAML 的详细用法(YAML 备忘速查)
前端·yaml
dr李四维1 小时前
vue生命周期、钩子以及跨域问题简介
前端·javascript·vue.js·websocket·跨域问题·vue生命周期·钩子函数
旭久1 小时前
react+antd中做一个外部按钮新增 表格内部本地新增一条数据并且支持编辑删除(无难度上手)
前端·javascript·react.js
windyrain2 小时前
ant design pro 模版简化工具
前端·react.js·ant design
浪遏2 小时前
我的远程实习(六) | 一个demo讲清Auth.js国外平台登录鉴权👈|nextjs
前端·面试·next.js
GISer_Jing2 小时前
React-Markdown详解
前端·react.js·前端框架
太阳花ˉ2 小时前
React(九)React Hooks
前端·react.js
拉不动的猪3 小时前
vue与react的简单问答
前端·javascript·面试