1. 程式人生 > >vue專案用sha256、md5、base64加密密碼

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.總結

    使用方法都一樣,沒什麼本質上的區別,想用啥方法就用啥方法。

這是我的微信公眾號

不定期更新前端知識