JavaScript加解密实践：绕过简单审查的加密算法实现。

2023 年 11 月 24 日

144 次浏览

2610字数

在构建前端加密解密算法时，核心目的是确保数据在客户端与服务器之间传输的安全性。譬如，你可能希望保护某些敏感信息不被简单的网络监控工具（如DevTools网络标签页）直接审视到。本文旨在介绍一个轻量级的加密算法，该算法以JavaScript实现并能够为基本的通信提供一定程度上的安全保障。

加密算法设计

首先，我们选用对称加密，其中加密和解密使用同一把密钥。考虑到执行效率和实现复杂度，本例使用修改版的凯撒密码作为基础。凯撒密码是最简单的替换密码类型之一，通过将字母表中的每个字母移动固定数目来进行加密。

为了提高这一古老算法的安全性，引入一个变化的偏移量（动态密钥）和字符映射表，使得算法对每个字符的处理不再是固定不变的。以下是一个简单而有效的实现策略：

生成一个随机密钥，该密钥是一个随机生成的、长度等于字符集长度的数组，用于随机替换字符。
设定偏移量规则，比如使用当前时间的特定部分（如分钟数）。
在字符映射表中找到原字符对应的索引，根据索引和偏移量得到加密字符。
解密时，使用相同的密钥和相对偏移量反向操作即可恢复原字符。

JavaScript实现

const CHARSET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
const KEY = shuffleArray([...CHARSET]);

function shuffleArray(array) {
  for (let i = array.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]];
  }
  return array;
}

function getOffset() {
  // 根据当前分钟数得到偏移量
  return new Date().getMinutes();
}

function encrypt(text) {
  const offset = getOffset();
  return text.split('').map(char => {
    const index = (CHARSET.indexOf(char) + offset) % CHARSET.length;
    return KEY[index];
  }).join('');
}

function decrypt(encryptedText) {
  const offset = getOffset();
  return encryptedText.split('').map(char => {
    const index = (KEY.indexOf(char) - offset + CHARSET.length) % CHARSET.length;
    return CHARSET[index];
  }).join('');
}

// 使用例子:
const originalText = 'HelloWorld';
const encrypted = encrypt(originalText);
const decrypted = decrypt(encrypted);

console.log('Encrypted:', encrypted);
console.log('Decrypted:', decrypted);