vue项目用sha256、md5、base64加密密码

无论你开发什么样的项目,你可能都会要开发登录、注册、修改密码、忘记密码这些功能,少数项目除外!!要实现这些功能,对于保护用户或者管理员账号密码,这是我们程序员肯定要做的事情。要是用户密码不加密,用明文方式传给后台,是不是有点耍流氓了!!!所以为了保证密码的不可见性,我们还是加密吧!下面我简单介绍一下三种加密方法,也是我最常用的三种方法。

1.MD5:

    1)、基本介绍

        中文名:消息摘要算法

        英文名:Message Digest Algorithrm MD5

        其实再MD5诞生之前,还有MD2 MD3 MD4

        MD5用的最多的地方就是 用户密码存储 文件校验

    2)、使用方法

           1. 使用npm 安装:npm install crypto --save (或者使用cdn:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js)

           2.想在哪个组件中使用,就在哪个文件中引用 :import crypto from 'crypto'

 

           3.methods中定义方法,然后调用

setMd5(){
var md5 = crypto.createHash("md5")
md5.update(this.pw2)//
this.pw2这是你要加密的密码
this.pw = md5.digest('hex')//this.pw这就是你加密完的密码,这个往后台传就行了

},

            4.加密完之后是32位的、其实还可以加密成16位或者8位,哪种位数都行,满足需求就ok

2.sha256:

    1)、基本介绍

        1.中文名、英文名,全都叫sha256

        2.因为哈希值是固定大小的  256位所以名字有个256

        3.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法

    2)、使用方法

        1.使用npm安装 :npm install js-sha256

        2.然后在组件中methods定义方法,在调用

                // sha256加密密码
          setSha(){
            let sha256 = require("js-sha256").sha256//这里用的是require方法,所以没用import
            this.pw = sha256(this.passWord)//要加密的密码
            console.log(this.pw)//这就是你加密之后的密码

          },

3.base64

    1)、基本介绍

        8bit字节代码的编码方式之一

    2)、使用方法

        1.npm 安装 npm install js-base64

        2.跟上面一样,不啰嗦。

            setBase(){

                let Base64 = require("js-base64").Base64//还是require

                this.pw = Base64.encode(this.passWord)//还是那些操作

                console.log(this.pw)

        }

3.总结

    使用方法都一样,没什么本质上的区别,想用啥方法就用啥方法。

这是我的微信公众号vue项目用sha256、md5、base64加密密码_第1张图片

不定期更新前端知识

这个是我本人的,前端技术QQ交流群,有不会的问题,可以在在群里面问:vue项目用sha256、md5、base64加密密码_第2张图片

你可能感兴趣的:(vue,密码加密,MD5,sha256,base64)