前端加密解密浅析

定义

加密一般分为两种，分为对称加密和非对称加密。

区别

对称加密就是加密解密都用同一个秘钥，非对称加密就是加密和解密不是用的同一种秘钥。

在非对称加密中，用来加密的秘钥叫公钥，用来解密的秘钥叫私钥，公钥和私钥都是成对生成的，公钥分发给其他人用来加密，私钥用来解密。

优缺点

• 对称加密：解密速度快，但保密性差。

• 非对称加密：加密算法保密性好，它消除了最终用户交换密钥的需要，对应的速度慢

方式

md5加密

MD5.js是通过前端js加密的方式对用户信息、密码等私密信息进行加密处理的工具，是不可逆的

一共有6种方法

import md from "@/js/md5.js"
...
// MD5加密一共有6种方法
let data = '我是原始数据'
let key = 123456789        // 密钥
console.log(md.hex_md5(data));        // fe9a17d4d0e6e91008678d59c6040a73
console.log(md.b64_md5(data));        // poX1NDm6RAIZ41ZxgQKcw
console.log(md.str_md5(data));        // þšÔÐæégYÆs
console.log(md.hex_hmac_md5(key,data));          // 55754d7348b87967e714678b96240870
console.log(md.b64_hmac_md5(key,data));          // VXVNc0i4eWfnFGeLliQIcA
console.log(md.str_hmac_md5(key,data));          // UuMsH¸ygçg‹–$p

sha1加密

js文件代码

function encodeUTF8(s) {
    var i, r = [],
        c, x;
    for (i = 0; i < s.length; i++)
        if ((c = s.charCodeAt(i)) < 0x80) r.push(c);
        else if (c < 0x800) r.push(0xC0 + (c >> 6 & 0x1F), 0x80 + (c & 0x3F));
    else {
        if ((x = c ^ 0xD800) >> 10 == 0) //对四字节UTF-16转换为Unicode
            c = (x << 10) + (s.charCodeAt(++i) ^ 0xDC00) + 0x10000,
            r.push(0xF0 + (c >> 18 & 0x7), 0x80 + (c >> 12 & 0x3F));
        else r.push(0xE0 + (c >> 12 & 0xF));
        r.push(0x80 + (c >> 6 & 0x3F), 0x80 + (c & 0x3F));
    };
    return r;
}

// 字符串加密成 hex 字符串
function sha1(s) {
    var data = new Uint8Array(encodeUTF8(s))
    var i, j, t;
    var l = ((data.length + 8) >>> 6 << 4) + 16,
        s = new Uint8Array(l << 2);
    s.set(new Uint8Array(data.buffer)), s = new Uint32Array(s.buffer);
    for (t = new DataView(s.buffer), i = 0; i < l; i++) s[i] = t.getUint32(i << 2);
    s[data.length >> 2] |= 0x80 << (24 - (data.length & 3) * 8);
    s[l - 1] = data.length << 3;
    var w = [],
        f = [
            function() {
                return m[1] & m[2] | ~m[1] & m[3];
            },
            function() {
                return m[1] ^ m[2] ^ m[3];
            },
            function() {
                return m[1] & m[2] | m[1] & m[3] | m[2] & m[3];
            },
            function() {
                return m[1] ^ m[2] ^ m[3];
            }
        ],
        rol = function(n, c) {
            return n << c | n >>> (32 - c);
        },
        k = [1518500249, 1859775393, -1894007588, -899497514],
        m = [1732584193, -271733879, null, null, -1009589776];
    m[2] = ~m[0], m[3] = ~m[1];
    for (i = 0; i < s.length; i += 16) {
        var o = m.slice(0);
        for (j = 0; j < 80; j++)
            w[j] = j < 16 ? s[i + j] : rol(w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16], 1),
            t = rol(m[0], 5) + f[j / 20 | 0]() + m[4] + w[j] + k[j / 20 | 0] | 0,
            m[1] = rol(m[1], 30), m.pop(), m.unshift(t);
        for (j = 0; j < 5; j++) m[j] = m[j] + o[j] | 0;
    };
    t = new DataView(new Uint32Array(m).buffer);
    for (var i = 0; i < 5; i++) m[i] = t.getUint32(i << 2);

    var hex = Array.prototype.map.call(new Uint8Array(new Uint32Array(m).buffer), function(e) {
        return (e < 16 ? "0" : "") + e.toString(16);
    }).join("");
    return hex;
}

export default sha1

使用

import sha1 from '@/js/sha1.js'
...
let data = '我是原始数据'
console.log(sha1(data));        // 0e09e0c5f12928c20d84578056d38be9e999f86e

aes、des加密解密

AES与DES之间的主要区别在于加密过程。在DES中，将明文分为两半，然后再进行进一步处理；而在AES中，整个块不进行除法一起处理以生成密文。相对而言，AES比DES快得多，与DES相比，AES能够在几秒钟内加密大型文件。

import CryptoJS from '@/js/crypto.js'
...
let data = '我是原始数据'
let key = CryptoJS.enc.Utf8.parse("12345678")        //秘钥必须为：8/16/32位 
let mode = {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    }

// 加密
var str1 = CryptoJS.AES.encrypt(data, key, mode).toString();
console.log(str1);        // 6dcUy2tmS6L2Z3KAQ46x3/QfS3Gb5OEk1g+lU4/Dc3Y=

//解密：必须是utf-8格式的
var str2 = CryptoJS.AES.decrypt(str1, key, mode).toString(CryptoJS.enc.Utf8);
console.log(str2);        // 我是原始数据

其他

RSA加解密、sha256加密、Base64加密、哈希加密……