node中的密码安全(加密)


Posted in Javascript onSeptember 17, 2018

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

为什么需要加密

加密真的有必要吗?

我们先来看一看前端发起的ajax请求中,如果不对密码进行加密,会发生什么。

f12打开chrome开发者工具,找到请求,查看请求参数如下:

node中的密码安全(加密)

如果你的协议是http,那么前端传给后端的密码差不多是裸奔状态,因为http传输的是明文,很可能在传输过程中被窃听,伪装或篡改。

那么,弄个https不就好了吗?

https的确能够极大增加网站的安全性,但是用https得先买证书(也有免费的),对于个人站点或者不想弄证书的情况下,那最起码也得对用户密码进行一下加密吧。

流程图

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

node中的密码安全(加密)

生成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('私钥已保存!')
})

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

node中的密码安全(加密)

注意: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的方法进行解密。

最后

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

node中的密码安全(加密)

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

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

Javascript 相关文章推荐
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
详谈jQuery中的一些正则匹配表达式
Mar 08 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
微信小程序实现同一页面取值的方法分析
Apr 30 Javascript
Vue数据绑定简析小结
May 07 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 #Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 #Javascript
vue的过滤器filter实例详解
Sep 17 #Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 #Javascript
React Router V4使用指南(精讲)
Sep 17 #Javascript
关于vue编译版本引入的问题的解决
Sep 17 #Javascript
理顺8个版本vue的区别(小结)
Sep 17 #Javascript
You might like
php 地区分类排序算法
2013/07/01 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Python笔记(叁)继续学习
2012/10/24 Python
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python和C/C++交互的几种方法总结
2017/05/11 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
Python post请求实现代码实例
2020/02/28 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
Python 防止死锁的方法
2020/07/29 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
八一建军节活动方案
2014/02/10 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
2015元旦标语横幅
2014/12/09 职场文书
2015年公务员工作总结
2015/04/24 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
525心理健康活动总结
2015/05/08 职场文书
花田少年史观后感
2015/06/16 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
WINDOWS下安装mysql 8.x 的方法图文教程
2022/04/19 MySQL