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

怼烎@ 2024-04-19 09:00 71阅读 0赞

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

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.总结

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