前端RSA加密方法jsencrypt以及encryptlong

_Boboy

已于 2023-04-03 16:14:31 修改

阅读量5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签：前端 javascript 开发语言

于 2023-04-03 15:34:49 首次发布

本文链接：https://blog.csdn.net/weixin_43720095/article/details/129930328

JS 专栏收录该内容

3 篇文章

订阅专栏

文章介绍了在前端使用RSA加密技术，包括jsencrypt库用于简单数据加密，encryptlong库处理复杂对象和大量数据。RSA加密涉及公钥和私钥，公钥用于加密，私钥用于解密。前端可以存储一对不同的公钥和私钥以增强安全性。此外，还提到了结合base64解码来处理中文乱码问题以及可能的RSA+AES等混合加密策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsencrypt和encryptlong都是rsa加密，加密的对象一定要是字符串。简单数据用前者，如果加密的是对象并且数据还挺多的，比如含有token 用后者。

生成密钥：
RSA会产生两个密钥，其中公钥公开用于加密，私钥不公开用于解密。点击生成公钥密钥
NPM安装：
jsencrypt NPM地址
 encryptlong NPM地址

npm install jsencrypt --save 
npm i encryptlong --save  
npm install --save js-base64    //  base64 解密 为了解决中文乱码

代码文件rsa.ts：

针对前端加密解密，公钥秘钥都存储前端不安全，一般也可采用两对公钥秘钥前后端分别使用前端（公钥A私钥B）后端（公钥B私钥A）。当然也可以采用其他混合加密，例如rsa+aes，rsa+base64等。

import JSEncrypt  from 'jsencrypt'
import Encrypt from 'encryptlong'
import { Base64 }from 'js-base64'

type RsaKeyObj = Record<'PublicKey'| 'PrivateKey',string>
type EncryptDecryptFunc<T> = (message: T) => string | false

const Rsa_Keys: RsaKeyObj = {
    PublicKey: '', // 公钥A
    PrivateKey: '' // 私钥B
}

// 公钥A加密
export const encrypt: EncryptDecryptFunc<String> = (message)=> {
    const encryptor = new JSEncrypt()
    encryptor.setPublicKey(Rsa_Keys.PublicKey)
    return encryptor.encrypt(message)
}

export const encryptObj: EncryptDecryptFunc<Object> = (message) => encrypt(JSON.stringify(message))

// 私钥B解密
export const decrypt: EncryptDecryptFunc<String> = (message)=> {
    const decryptor = new Encrypt() 
    decryptor.setPrivateKey(Rsa_Keys.PrivateKey)
    return decryptor.decryptLong(message)
}
// 后台数据是先包一层rsa加密 又包了一层base64加密 
// base64 解密decrypt数据 2次解密是为了rsa解密的乱码
export const decrypt64: EncryptDecryptFunc<String> = (message) => Base64.decode(decrypt(message))

使用：

import { encrypt, decrypt64 } from '@/utils/rsa'
const resultEncrypt = encrypt(JSON.stringify({ name: '', password: '' }))
const data = decrypt64(response.data)