21
本文将讲解对于前后端分离的项目,前端注册或登录时如何保证用户密码安全传输到server端,最终存入数据库

为什么需要加密

加密真的有必要吗?
我们先来看一看前端发起的ajax请求中,如果不对密码进行加密,会发生什么。
f12打开chrome开发者工具,找到请求,查看请求参数如下:

clipboard.png

如果你的协议是http,那么前端传给后端的密码差不多是裸奔状态,因为http传输的是明文,很可能在传输过程中被窃听,伪装或篡改。
那么,弄个https不就好了吗?
https的确能够极大增加网站的安全性,但是用https得先买证书(也有免费的),对于个人站点或者不想弄证书的情况下,那最起码也得对用户密码进行一下加密吧。

流程图

先看一下大体流程图,首先,我们用工具生成公钥和私钥,将其放入server端,前端发起请求获取公钥,拿到公钥后对密码进行加密,然后将加密后的密码发送到server端,server端将用密钥解密,最后再用sha1加密密码,存入数据库。
图片描述

生成RSA公钥和密钥

既然选择RSA加密,那么首先得有工具啊,常见的有openssl,但这里不介绍,感兴趣的请自行查阅,对于node而言,我介绍一个不错的库Node-RSA,我们将用它来生成RSA公钥和密钥。

RSA是一种非对称加密算法,即由一个密钥和一个公钥构成的密钥对,通过密钥加密,公钥解密,或者通过公钥加密,密钥解密。其中,公钥可以公开,密钥必须保密

用Node-RSA生成的公钥和密钥代码如下:

const NodeRSA = require('node-rsa')
const fs = require('fs')

// Generate new 512bit-length key
var key = new NodeRSA({b: 512})
key.setOptions({encryptionScheme: 'pkcs1'})

var privatePem = key.exportKey('pkcs1-private-pem')
var publicDer = key.exportKey('pkcs8-public-der')
var publicDerStr = publicDer.toString('base64')

// 保存返回到前端的公钥
fs.writeFile('./pem/public.pem', publicDerStr, (err) => {
  if (err) throw err
  console.log('公钥已保存!')
})
// 保存私钥
fs.writeFile('./pem/private.pem', privatePem, (err) => {
  if (err) throw err
  console.log('私钥已保存!')
})

执行完成后,我们将在根目录下得到公钥和私钥文件:

clipboard.png

注意:server端的公钥和密钥应该隔一段时间换一次,比如每次服务器重启时。

前端加密

核心代码如下:

  <script src="https://cdn.bootcss.com/jsencrypt/2.3.1/jsencrypt.min.js"></script>
  <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
  <script>
    function reg() {
      axios({
        method: 'post',
        url: 'http://127.0.0.1:3000/getPublicKey'
      })
        .then(res => {
          let result = res.data

          // 从后端获取的公钥 String
          var publicPem = result
          // 用JSEncrypt对密码进行加密
          var encrypt = new JSEncrypt()
          encrypt.setPublicKey(publicPem)
          var password = 'abc123'
          password = encrypt.encrypt(password)

          axios({
            method: 'post',
            url: 'http://127.0.0.1:3000/reg',
            data: {
              password: password
            }
          })
            .then(res => {
              let result = res.data
              console.log(result)
            })
            .catch(error => {
              console.log(error)
            })
        })
    }
  </script>

前端将用到jsencrypt对其进行加密,详细用法请参考github。

后端解密

后端核心代码:

const express = require('express');
const crypto = require('crypto');
const fs = require('fs');

var privatePem = fs.readFileSync('./pem/private.pem');

var app = express();
app.use(express.json());

// CORS 注意:要放在处理路由前
function crossDomain(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type');

  next();
}
app.use(crossDomain)

app.use(function (req, res, next) {
  // 不加会报错
  if (req.method === 'OPTIONS') {
    res.end('ok')
    return
  }

  switch (req.url) {
    case '/getPublicKey':
      let publicPem = fs.readFileSync('./pem/public.pem', 'utf-8')
      res.json(publicPem)
      break
    case '/reg':
      // 解密
      var privateKey = fs.readFileSync('./pem/private.pem', 'utf8')
      var password = req.body.password
      var buffer2 = Buffer.from(password, 'base64')
      var decrypted = crypto.privateDecrypt(
        {
          key: privateKey,
          padding: crypto.constants.RSA_PKCS1_PADDING // 注意这里的常量值要设置为RSA_PKCS1_PADDING
        },
        buffer2
      )
      console.log(decrypted.toString('utf8'))

      // sha1加密
      var sha1 = crypto.createHash('sha1');
      var password = sha1.update(decrypted).digest('hex');
      console.log('输入到数据库中的密码是: ', password)
      // 存入数据库中
      // store to db...
      res.end('reg ok')
      break
  }
})

app.listen(3000, '127.0.0.1')

这里,我是用node自带模块crpto进行解密,当然,你也可以用Node-RSA的方法进行解密。

最后

我们再来看一看前端请求的密码信息:

clipboard.png

这样一串字符,即便被他人获取,如果没有密钥,在一定程度上,他是无法知道你的密码的。

当然,关于网络安全是一个大话题,本篇只是对其中的一小部分进行介绍,欢迎留言讨论,希望对您有帮助。


moddx
1.3k 声望70 粉丝

勤能补拙是良训


« 上一篇
node中的session
下一篇 »
linux常用命令