快捷導(dǎo)航

前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解

更新時(shí)間：2024年09月28日 10:44:51 作者：小碼快撩

在前端開發(fā)中,常用的數(shù)據(jù)加密技術(shù)包括Base64編碼、MD5哈希、SHA-256哈希、AES對(duì)稱加密、RSA非對(duì)稱加密和HMAC消息認(rèn)證碼,這些加密方式提供了不同層次的數(shù)據(jù)安全保護(hù),適用于不同的安全需求和場(chǎng)景,需要的朋友可以參考下

前言

在前端開發(fā)中，數(shù)據(jù)加密是一個(gè)重要的安全措施，可以保護(hù)用戶數(shù)據(jù)不被輕易竊取或篡改。以下是六種常用的前端數(shù)據(jù)加密方式及其示例代碼和詳細(xì)講解：

1. Base64 編碼

Base64 是一種基于64個(gè)可打印字符來(lái)表示二進(jìn)制數(shù)據(jù)的表示方法。它不是一種加密方法，而是一種編碼方式。

示例代碼：

// 使用 Base64 編碼
const encodedData = btoa('Hello, World!');
console.log('Encoded Data:', encodedData); // Output: SGVsbG8sIFdvcmxkIQ==

// 使用 Base64 解碼
const decodedData = atob(encodedData);
console.log('Decoded Data:', decodedData); // Output: Hello, World!

講解：

btoa 函數(shù)用于將字符串編碼為 Base64。
atob 函數(shù)用于將 Base64 編碼的字符串解碼為原始字符串。

2. MD5 哈希

MD5 是一種廣泛使用的哈希函數(shù)，可以產(chǎn)生出一個(gè)128位（16字節(jié)）的哈希值。

示例代碼：

const crypto = require('crypto');

// 使用 MD5 哈希
const hash = crypto.createHash('md5').update('Hello, World!').digest('hex');
console.log('MD5 Hash:', hash); // Output: 6cd3556deb0da54bca060b4c39479839

講解：

使用 Node.js 的 crypto 模塊創(chuàng)建一個(gè) MD5 哈希對(duì)象。
update 方法用于更新要哈希的數(shù)據(jù)。
digest 方法用于生成最終的哈希值，并以十六進(jìn)制格式輸出。

3. SHA-256 哈希

SHA-256 是一種更安全的哈希算法，產(chǎn)生一個(gè)256位（32字節(jié)）的哈希值。

示例代碼：

const crypto = require('crypto');

// 使用 SHA-256 哈希
const hash = crypto.createHash('sha256').update('Hello, World!').digest('hex');
console.log('SHA-256 Hash:', hash); // Output: 315f5bdb76d078c43b8ac0064e4a0164612b1fce77c869345bfc94c75894edd3

講解：

使用 Node.js 的 crypto 模塊創(chuàng)建一個(gè) SHA-256 哈希對(duì)象。
update 方法用于更新要哈希的數(shù)據(jù)。
digest 方法用于生成最終的哈希值，并以十六進(jìn)制格式輸出。

4. AES 對(duì)稱加密

AES（高級(jí)加密標(biāo)準(zhǔn)）是一種對(duì)稱加密算法，使用相同的密鑰進(jìn)行加密和解密。

示例代碼：

const crypto = require('crypto');

const algorithm = 'aes-256-cbc';
const key = crypto.randomBytes(32);
const iv = crypto.randomBytes(16);

// 加密
function encrypt(text) {
  let cipher = crypto.createCipheriv(algorithm, Buffer.from(key), iv);
  let encrypted = cipher.update(text);
  encrypted = Buffer.concat([encrypted, cipher.final()]);
  return { iv: iv.toString('hex'), encryptedData: encrypted.toString('hex') };
}

// 解密
function decrypt(text) {
  let iv = Buffer.from(text.iv, 'hex');
  let encryptedText = Buffer.from(text.encryptedData, 'hex');
  let decipher = crypto.createDecipheriv(algorithm, Buffer.from(key), iv);
  let decrypted = decipher.update(encryptedText);
  decrypted = Buffer.concat([decrypted, decipher.final()]);
  return decrypted.toString();
}

const encrypted = encrypt('Hello, World!');
console.log('Encrypted Data:', encrypted);

const decrypted = decrypt(encrypted);
console.log('Decrypted Data:', decrypted);

講解：

使用 Node.js 的 crypto 模塊創(chuàng)建一個(gè) AES 加密對(duì)象。
createCipheriv 方法用于創(chuàng)建加密對(duì)象，createDecipheriv 方法用于創(chuàng)建解密對(duì)象。
update 方法用于更新要加密或解密的數(shù)據(jù)。
final 方法用于生成最終的加密或解密結(jié)果。

5. RSA 非對(duì)稱加密

RSA 是一種非對(duì)稱加密算法，使用公鑰進(jìn)行加密，私鑰進(jìn)行解密。

示例代碼：

const crypto = require('crypto');

// 生成 RSA 密鑰對(duì)
const { publicKey, privateKey } = crypto.generateKeyPairSync('rsa', {
  modulusLength: 2048,
  publicKeyEncoding: {
    type: 'spki',
    format: 'pem'
  },
  privateKeyEncoding: {
    type: 'pkcs8',
    format: 'pem'
  }
});

// 加密
function encrypt(text) {
  const buffer = Buffer.from(text);
  const encrypted = crypto.publicEncrypt(publicKey, buffer);
  return encrypted.toString('base64');
}

// 解密
function decrypt(encrypted) {
  const buffer = Buffer.from(encrypted, 'base64');
  const decrypted = crypto.privateDecrypt(privateKey, buffer);
  return decrypted.toString('utf8');
}

const encrypted = encrypt('Hello, World!');
console.log('Encrypted Data:', encrypted);

const decrypted = decrypt(encrypted);
console.log('Decrypted Data:', decrypted);

講解：

使用 Node.js 的 crypto 模塊生成 RSA 密鑰對(duì)。
publicEncrypt 方法用于使用公鑰加密數(shù)據(jù)。
privateDecrypt 方法用于使用私鑰解密數(shù)據(jù)。

6. HMAC 消息認(rèn)證碼

HMAC（密鑰散列消息認(rèn)證碼）是一種使用密鑰的哈希算法，用于驗(yàn)證數(shù)據(jù)的完整性和真實(shí)性。

示例代碼：

const crypto = require('crypto');

const key = 'secret-key';

// 生成 HMAC
function generateHMAC(text) {
  return crypto.createHmac('sha256', key).update(text).digest('hex');
}

const hmac = generateHMAC('Hello, World!');
console.log('HMAC:', hmac);

講解：