前后端简单的加密算法

要在前端和后端之间进行简单的加密，可以使用对称加密算法，例如 AES (Advanced Encryption Standard) 或者基于密码的简单混淆技术。这些技术可以确保传输的数据在控制台中是不可读的。以下是使用 AES 加密的简单示例：

前端（JavaScript）

使用 AES 加密数据，可以使用像 CryptoJS 这样的库。

首先，安装 CryptoJS：

npm install crypto-js

然后，在前端代码中：

import CryptoJS from 'crypto-js';

// 加密函数
function encryptData(data, secretKey) {
  return CryptoJS.AES.encrypt(data, secretKey).toString();
}

// 解密函数
function decryptData(cipherText, secretKey) {
  const bytes = CryptoJS.AES.decrypt(cipherText, secretKey);
  return bytes.toString(CryptoJS.enc.Utf8);
}

const secretKey = 'your-secret-key';
const data = 'Hello, World!';
const encryptedData = encryptData(data, secretKey);

console.log('Encrypted Data:', encryptedData);

// 模拟发送加密数据到服务器
fetch('/api/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ data: encryptedData }),
});

后端（Node.js）

在后端也使用 CryptoJS 进行解密：

首先，安装 CryptoJS：

npm install crypto-js

然后，在后端代码中：

const CryptoJS = require('crypto-js');
const express = require('express');
const app = express();

app.use(express.json());

// 解密函数
function decryptData(cipherText, secretKey) {
  const bytes = CryptoJS.AES.decrypt(cipherText, secretKey);
  return bytes.toString(CryptoJS.enc.Utf8);
}

const secretKey = 'your-secret-key';

app.post('/api/data', (req, res) => {
  const encryptedData = req.body.data;
  const decryptedData = decryptData(encryptedData, secretKey);

  console.log('Decrypted Data:', decryptedData);

  res.json({ message: 'Data received and decrypted' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

注意事项

1. 安全性：上述例子中使用的 secretKey 应该保存在安全的地方，不能硬编码在代码中。你可以使用环境变量来管理密钥。
2. HTTPS：加密只能保证数据在传输过程中不会被随意查看，但无法防止数据在传输过程中被拦截和篡改。为了更高的安全性，应该使用 HTTPS 来加密整个通信通道。
3. 复杂性：尽管这个方法已经增加了一些安全性，但它仍然是简单的加密，对于高级攻击者来说，可能还是能被破解。如果需要更高的安全性，可以考虑使用更复杂的加密方法和安全协议。