RSA非对称加密传输---前端加密&解密(VUE项目)
A要传给B一句话(需要保密),就由B生成一对公钥和私钥存好,公钥就好比一把锁,钥匙就是私钥。B只需要把锁给A,A把那句话锁起来,交还给B,在这过程中,即使大家都能看到公钥(锁),也是不知道那句话是啥的,然后B拿到锁好的机密,拿只有自己才有的私钥(钥匙)解开,这个差不多就是非对称加密。实际开发过程中,后台生成一对公私钥,私钥存在服务器,把公钥给前端,前端加密后传给后端,这是相对比较安全的做法。...
·
A要传给B一句话(需要保密),就由B生成一对公钥和私钥存好,公钥就好比一把锁,钥匙就是私钥。B只需要把锁给A,A把那句话锁起来,交还给B,在这过程中,即使大家都能看到公钥(锁),也是不知道那句话是啥的,然后B拿到锁好的机密,拿只有自己才有的私钥(钥匙)解开,这个差不多就是非对称加密。
实际开发过程中,后台生成一对公私钥,私钥存在服务器,把公钥给前端,前端加密后传给后端,这是相对比较安全的做法。
用 jsencrypt.js 官网http://travistidwell.com/jsencrypt/
npm install jsencrypt
装好后在vue文件里引用
import JSEncrypt from 'jsencrypt/bin/jsencrypt'
很简单,上demo
首先,你得有一对公钥和私钥,有在线生成器,我们先来一对 http://web.chacuo.net/netrsakeypair。
存好。下面模拟一下前端的加密。前端就是A。
let encryptor = new JSEncrypt() // 新建JSEncrypt对象
let publicKey = `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDHGBAi30CuorD71ddAY5Pj80a2
FinTK6CJrX3LJZ5FTxJrQdzxbwDVB2mDVgspU5oz7X03TzgWFKkkJm2b4g9G00sA
+G9oeGaR+rpFaoDr4BxW+AUd6V1Ps/OkTaLc473XOA0aYTRIwo1Ob3pTJd9Za90e
+NRk0c07Vb/mcr0w1QIDAQAB` //把之前生成的贴进来,实际开发过程中,可以是后台传过来的
encryptor.setPublicKey(publicKey) // 设置公钥
let rsaPassWord = encryptor.encrypt('我我我我') // 对需要加密的数据进行加密
console.log(rsaPassWord) //得到加密后的数据
A已经加完密,得到RSA加密后的字符串rsaPassWord。
下面模拟一下B的解密,假设已经拿到了这段rsaPassWord,存为secretWord 。只有B才有的私钥privateKey。
let decrypt = new JSEncrypt() // 新建JSEncrypt对象
let secretWord = 'KfAfOvSSpucpY0YObjdUhzzpSzFulFIFrYwyZ2oACMw9D3emJeWGa5BefU85EVDVLvpZaqug0vdwDSNXLgbhpW1ep1IP3VQwa6f8Q4TLeZepAtqGHkq+J+4vCt4WW2bE2z36bzRHM36H2xC8H2gmMe4EjHAGkmnRxuARQauebXE='
let privateKey = 'MIICdgIBADANBgkqhkiG9w0BAQEFAASCAmAwggJcAgEAAoGBAMcYECLfQK6isPvV\n' +
'10Bjk+PzRrYWKdMroImtfcslnkVPEmtB3PFvANUHaYNWCylTmjPtfTdPOBYUqSQm\n' +
'bZviD0bTSwD4b2h4ZpH6ukVqgOvgHFb4BR3pXU+z86RNotzjvdc4DRphNEjCjU5v\n' +
'elMl31lr3R741GTRzTtVv+ZyvTDVAgMBAAECgYBYLX4oE7zwG7pLL4CwUeoUUZEF\n' +
'4HcRwgbOM3q9WKHqjITZ4Efc3o79ytSeiKNU4GQxj4Of1YQ/s1LeYe611b9xlNQQ\n' +
'cU4Kbbt+w1IkcFmWNwvBtcZbkjaWqEOs1r8U1ZKQWjYzOaIu+uHP0U166Nnwh4Gg\n' +
'NFFc+yCwjKK1Jz7xQQJBAOnzE7vEVZ0LcdCHw66EABov07i9NSMX07AvuSk+0jRP\n' +
'1c3zyiohKjecX4JI3hovJVg4DF3XO9sl0xiNQ6HMwB0CQQDZ2/a3ArVVwZIXGoBx\n' +
'O24NRnwAZV9t7p7c0I5kBEODdcj/N5ZiztB2J64A/aGC9UjcXJhY9/ZsIozmS5R1\n' +
'SMYZAkA2mVtOpAiTCTu7viOmE/puIiFYaRgAo6vs34ZoINgwCz3Lvgy9flX6+oyz\n' +
'vEvRcpVVnGcOc4/tmktE3JsfJMjlAkEAk76t4U0v5vmAdrSdWK1CJDSh0a7t+eKy\n' +
'z/OMLV4K3zNY3WQ4U8gH7alZQwi+qM5p3C/bjbKT5p/DyEaHZsa0uQJAJvIbxT8c\n' +
'Uf57g7auIRpJlHN6nYuNa+/gi0e135GxRmOe5ft1TuGWTbsQz8aZW/mKk7y+OlC1\n' +
'M6riL/WE1sb23Q=='
decrypt.setPrivateKey(privateKey)
let getWord = decrypt.decrypt(secretWord) // 解密
console.log(getWord) // 输出,可以在控制台看到解密得到的字段
加密解密,也就几句话的事情。。。。。。
更多推荐
已为社区贡献3条内容
所有评论(0)