后台使用node-rsa生成公钥和私钥---->
后台写个获取公钥的接口（将公钥转化为指定格式）---->
前端调用接口获取公钥---->
前端使用JSEncrypt中间件设置公钥，并加密密码---->
前端将加密后的数据通过接口（如登录接口）传给后台---->
后台使用密钥加密前端加密的数据，在用解密后的数据查询或者保存到数据库中

1.安装包

"jsencrypt": "^3.0.0-rc.1",
"node-rsa": "^1.0.5",
备注：使用Node开发时，建议安装nodemon，可以热加载后台改的代码，超级好用，只需要安装一下包，在启动的使用nodemon app.js即可

2.后台生成公钥和密钥

const NodeRSA = require('node-rsa');
const fs = require('fs');
//生成公钥
function generator() {
    var key = new NodeRSA({ b: 512 })
    key.setOptions({ encryptionScheme: 'pkcs1' })

    var privatePem = key.exportKey('pkcs1-private-pem')
    var publicPem = key.exportKey('pkcs8-public-pem')

    fs.writeFile('./pem/public.pem', publicPem, (err) => {
        if (err) throw err
        console.log('公钥已保存！')
    })
    fs.writeFile('./pem/private.pem', privatePem, (err) => {
        if (err) throw err
        console.log('私钥已保存！')
    })
}
generator();

这样就可以在pem目录下生成两个文件：private.pem和public.pem，看文件名就知道谁是公钥谁是密钥了哈。

注意（此处有坑）---前端加密后的数据始终为false

之前自己也是在网上复制的代码，有一个地方有问题，对比一下哈

  1.png

在导出公钥和密钥的时候，exportKey的参数相同，都为pkcs1，这就导致了前端获取到了公钥加密之后的数据为始终为false。找了好久才知道问题所在，追溯在node-rsa中的源码可以看到：

  4.png
exportKey中的参数是有固定的值的，不然就会导致导出的公钥或者私钥有问题。

3.后台设置获取公钥接口供前端使用

router.get('/api/getPublicKey', (req, res) => {
    try {
        let publicKey = fs.readFileSync('./pem/public.pem', 'utf-8');
        console.log('publicKey', publicKey)
        res.send({ 'status': 0, 'msg': '公钥获取成功', 'resultmap': publicKey });
    } catch (err) {
        res.send(err);
    }
})

我使用的是Express中间件哈，使用Koa或者其他中间件的自行修改。

4.前端获取公钥并加密数据传给后台

import { JSEncrypt } from "jsencrypt";

  that.$axios
        .get(webUrl + "getPublicKey")
        .then(res => {
          if (res.data.status === 0) {
            let encryptor = new JSEncrypt();  //实例化
            encryptor.setPublicKey(res.data.resultmap); //设置公钥
            console.log(that.password);
            console.log(encryptor.encrypt(a));
            let data = {
              name: that.name,
              password: encryptor.encrypt(that.password), //加密
              nickName: that.nickName
            };
            that.$axios
              .post(webUrl + "admin/signUp", data)
              .then(response => {
                that.$message({
                  type: "success",
                  message: response.data.msg
                });
                if (response.data.status == 1) {
                  that.back();
                }
              })
              .catch(reject => {
                console.log(reject);
              });
          }
        })
        .catch(err => {
          console.log(err);
        });

5.后台用私钥解密

// 注册
router.post('/api/admin/signUp', (req, res) => {
    //是否重名
    db.User.find({ name: req.body.name }, (err, docs) => {
        if (err) {
            res.send(err);
            return
        }
        if (docs.length > 0) {
            res.send({ 'status': 0, 'msg': '用户名已注册' });
        } else {
            db.User.find({ nickName: req.body.nickName }, (err, docs) => {
                if (err) {
                    res.send(err);
                    return
                }
                if (docs.length > 0) {
                    res.send({ 'status': 0, 'msg': '昵称已注册' });
                } else {
                    const privateKey = fs.readFileSync('./pem/private.pem', 'utf8'); //读取私钥
                    let buffer1 = Buffer.from(req.body.password, 'base64'); //转化格式
                    let password = crypto.privateDecrypt({
                        key: privateKey,
                        padding: crypto.constants.RSA_PKCS1_PADDING // 注意这里的常量值要设置为RSA_PKCS1_PADDING
                    }, 　buffer1).toString('utf8');
                    console.log('解密之后的密码', password);
                    let newUser = new db.User({
                        name: req.body.name,
                        password: password,
                        nickName: req.body.nickName,
                        avatar: null,
                        // type: req.body.type
                        type: 2//1为管理员，2为游客,写死，新建管理员数据库直接改
                    });
                    newUser.save(function (err) {
                        if (err) {
                            res.send(err);
                        } else {
                            res.send({ 'status': 1, 'msg': '注册成功' });
                        }
                    })
                }
            })
        }
    })
})

经验证，后台解密后的密码和前端加密前的数据一致，说明加密和解密的过程都OK。加密和解密有很多种方法的，以上总结是自己尝过OK的一种，特此总结一下，希望能帮助到其他人。

作者：快乐女孩筱梅
链接：https://www.jianshu.com/p/ccf6d3f6be1a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。