前言：

什么是非对称加密？什么是对称加密？

对称加密算法在加密和解密时使用的是同一个秘钥；而非对称加密算法需要两个密钥来进行加密和解密，这两个秘钥是公开密钥（public key，简称公钥）和私有密钥（private key，简称私钥）。

A要传给B一句话(需要保密)，就由B生成一对公钥和私钥存好，公钥就好比一把锁，钥匙就是私钥。B只需要把锁给A，A把那句话锁起来，交还给B，在这过程中，即使大家都能看到公钥(锁)，也是不知道那句话是啥的，然后B拿到锁好的机密，拿只有自己才有的私钥(钥匙)解开，这个差不多就是非对称加密。

工作流程？

我这边就分为前后端来阐述：

首先，我在后端生成一对密钥（公钥和私钥）并将公钥向其前端公开。
然后，前端得到公钥后，使用该公钥对咬进行加密的信息进行加密(比如账户密码)，加密后将加密的信息再传给后端
后端根据自己保存的另一把专用密钥（私钥）对加密后的信息进行解密，就能得到原信息，这边后端只能用其专用密钥（私钥）解密由对应的公钥加密后的信息。
这样即使攻击者截获了传输的密文，并得到了前端的公钥，也无法破解密文，因为只有后端保存的私钥才能解密密文
这是相对比较安全的做法。

实操

这边我前端部分采用的是jsencrypt包，我这边是使用Vue脚手架，所以示例代码也是脚手架的

前端部分

先安装个依赖包

npm install jsencrypt --save

然后引入

import JSEncrypt from 'jsencrypt/bin/jsencrypt'

使用它

let $JSEncrypt  = new JSEncrypt()   // 创建实例// 后端给的公钥
let pubKey =
`-----BEGIN PUBLIC KEY-----
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-----END PUBLIC KEY-----`this.$JSEncrypt.setPublicKey(pubKey) // 设置公钥// 将加密的密文传给后端
let res = await API$login({account: $JSEncrypt.encrypt(this.account),  // 要加密的内容pwd: $JSEncrypt.encrypt(this.pwd)          // 要加密的内容
});

杂：前端解密过程

this.$JSEncrypt.setPrivateKey(privateKey)
let getWord = this.$JSEncrypt.decrypt(rsaPassWord) // 解密
console.log(getWord) // 输出，可以在控制台看到解密得到的字段

然后后端要解密密文做判断

后端我这边用的是nodeJS
安装依赖包

npm install node-jsencrypt --save

这边不用装前端的那个依赖包，会报错，因为那个包只支持游览器环境

使用它

const jsencrypt = require("node-jsencrypt");
const $JSEncrypt = jsencrypt();
let priva   teKey =`-----BEGIN PRIVATE KEY-----
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----END PRIVATE KEY-----`
$JSEncrypt.setPrivateKey(privateKey)console.log($JSEncrypt.decrypt(account))    // 解密内容
console.log($JSEncrypt.decrypt(pwd))        // 解密内容

前端端使用非对称加密解密相关推荐

java rsa 117_java实现RSA非对称加密解密
之前写过一篇java实现AES对称加密解密在对密码加密传输的场景下 RSA非对称加密解密可能会更加适合. 原理就是后台生成一对公钥和私钥,公钥给前端用来加密,后台用私钥去解密,保证了传输过程中就算被 ...
服务端与客户端加密解密思路
服务端与客户端加密解密思路我的参考我的理解我的参考源码编码文档思路我的理解 AES 对称加密,即加密解密使用共同的key AES是DES的升级版 RSA 非对称加密,即加密解密使用一对不同 ...
java大话西游单机版,【大话西游】手工架设服务端+双客户端+加密解密全套工具...
[大话西游]手工架设服务端+双客户端+加密解密全套工具_站长网(Downzz.com) 安装说明: 服务器系统 Windows Server 2008 R2 1.首先第一步把需要的运行工具以及所需工具 ...
工具类：登录密码的加解密（jsencrypt实现前端RSA非对称加密解密
定义工具类:utils/jsenscrypt.js import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'// 密钥对生成 http://web.cha ...
API接口加密—非对称加密解密之分段加解密
引言: 对称加密:双方使用的同一个密钥,既可以加密又可以解密,这种加密方法称为对称加密,也称为单密钥加密. 优点:速度快,对称性加密通常在消息发送方需要加密大量数据时使用,算法公开.计算量小.加密速度 ...
CryptoAPI与openssl RSA非对称加密解密(PKCS1 PADDING)交互
(以下代码中都只做测试用,有些地方没有释放内存...这个自己解决下) 1.RSA非对称的,首先提供一个供测试用的证书和私钥的数据 1)pem格式的证书和私钥(公私钥是对应的)的base64编码 [cp ...
html前端的几种加密/解密方式
一.base64加密前端用base64加密和解密的使用方法,只需要两个函数就可以了.一个是加密:window.btoa(),一个是解密:window.atob(),看例子: var str = &q ...
RSA非对称加密解密概念
1.RSA加密解密在线计算网站网站1:https://www.bejson.com/enc/rsa/ 网站2:https://the-x.cn/cryptography/Rsa.aspx 2.PKC ...
前端使用pako.js加密解密
之前在网上搜到的关于pako加密解密方法,其中加密方法有点问题,和解密方法不配套. 整理了下我自己最后修改的代码 zip = (str) => { let binaryString = pako ...
php 如何使用openssl_encrypt进行aes非对称加密解密
一.DES介绍 DES 是对称性加密里面常见一种,全称为 Data Encryption Standard,即数据加密标准,是一种使用密钥加密的块算法.密钥长度是64位(bit),超过位数密钥被忽略. ...

前端端使用非对称加密解密

前言：

什么是非对称加密？什么是对称加密？

工作流程？

实操

前端部分

然后后端要解密密文做判断

前端端使用非对称加密解密相关推荐

最新文章

热门文章