uni-app端rsa加密

原创已于 2024-07-17 18:23:14 修改 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #javascript #vue.js

于 2023-08-16 13:33:15 首次发布

uni-app 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在前端使用wxmp-rsanpm包进行RSA加密和解密操作，包括下载依赖、创建rsa文件并引入模块，以及提供加密和解密函数的示例。

一、前端rsa加解密工具

下载npm依赖wxmp-rsa

二、下边是操作

1、下载依赖wxmp-rsa

npm i wxmp-rsa -S

2、新建rsa文件引入模块

3、rsa.js写以下代码（下边的公钥、私钥是不能用的）

import WxmpRsa from 'wxmp-rsa'
//
//公钥和私钥换自己的
// 定义公钥
const publicKey = `
  -----BEGIN PUBLIC KEY-----
  MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCANvSu1G8w7mm8OXbMzjZ5YgzLxH2/87uH+PirHBF08rmXf0L5cBQblqCs9TJiId0fdG0QDm7Oh383DlaVwmDRwNMJ8yN/iud57fBgpQGBnSgEmz/KjhO4k0fndAdEFkmgo6Z8HsRJrgwIDAQAB
  -----END PUBLIC KEY-----
`
// 定义私钥
const privateKey = `
  -----BEGIN RSA PRIVATE KEY-----
  MIICWgIBAAKBgFnWSUwsmGawhMJ30z6y5li2jcf1m7rPMZcwZOS3To8bk3OBaMGh
  VEc1F8GtJBbc1rn/HCLNL9zrCy21EefJON8tRFcYHnpseZSzh+349lIhS+MFw9x4
  JUddwSPDyxwha929cKzMuVoftu3CJ+kqDBVvxLk7iDBzUMqW3Kgehk2TAgMBAAEC
  gYBRChPeyk/EOWtkdJ0JYLmo7AkBJpRZb
  wZj5D8Jqu3vQ8uGgPr9DsYKinkgQ6M0bv/4uXwWXf+Rmv7zpteSv5UTbjfp+uzKk
  YO/6QWj+InhZto3xAkAOA0i702dLHm5elLWvht7UEYIDEW1+rYGdbthmJBvT9sZh
  VKL954Y9hDzBWepjYsBiJnmIkgeladPnU5025/G/
  -----END RSA PRIVATE KEY-----
`

//加密
function getRsaCode(str) {
	const rsa = new WxmpRsa()
	rsa.setPublicKey(publicKey);
	const data = rsa.encryptLong(str)
	return data
}
//解密
function getRsaDeCode(str) {
	const rsa = new WxmpRsa()
	rsa.setPrivateKey(privateKey);
	const data = rsa.decryptLong(str)
	return data
}

export default {
	getRsaCode,
	getRsaDeCode,
};

4、页面使用

import rsa from '@/utils/rsa.js';


let a=rsa.getRsaCode(JSON.stringify('123456'))//注意要转为字符串
//a就是加密后的一串密文
//解密使用类似