Angular如何加密传输数据至后端？bcrypt可行性及方案咨询

嘿，我来帮你理清楚这个问题——首先得纠正一个关键误解：bcrypt不是加密算法，是单向哈希函数，这意味着它只能把明文转换成不可逆的哈希值，完全没办法从哈希值还原出原始数据。所以你想用bcrypt.hash(data)加密后发送，后端根本没法解密读取到原始的{ "name":"user name" }，这和你的需求完全不匹配。

一、那你想要的“加密发送、后端解密读取”该用什么方案？ #

如果需要实现前端加密数据，后端能解密获取明文，你得用对称加密（比如AES）或者非对称加密（比如RSA）：

1. 对称加密（AES）：适合大部分常规场景 #

对称加密的特点是前后端用同一个密钥加密和解密，速度快，适合加密任意大小的数据。

• 前端实现（用crypto-js库，Angular里可以通过npm安装）：

  import * as CryptoJS from 'crypto-js';
  
  // 注意：密钥绝对不能硬编码在前端代码里！可以在用户登录后从后端获取临时密钥
  const secretKey = 'your-shared-secret-key';
  const plainData = { "name":"user name" };
  // 先把对象转成JSON字符串，再用AES加密
  const encryptedData = CryptoJS.AES.encrypt(JSON.stringify(plainData), secretKey).toString();
  
  // 发送加密后的数据到后端
  this.http.post('/api/your-endpoint', { encryptedData }).subscribe(response => {
    // 处理响应
  });
  

• 后端解密示例（以Node.js为例）：

  const CryptoJS = require('crypto-js');
  
  function decryptData(encryptedData, secretKey) {
    const bytes = CryptoJS.AES.decrypt(encryptedData, secretKey);
    const plainText = bytes.toString(CryptoJS.enc.Utf8);
    return JSON.parse(plainText);
  }
  
  // 在接口里调用解密
  app.post('/api/your-endpoint', (req, res) => {
    const { encryptedData } = req.body;
    const secretKey = 'your-shared-secret-key'; // 和前端一致的密钥
    const originalData = decryptData(encryptedData, secretKey);
    // 处理原始数据
    res.send(originalData);
  });
  

2. 非对称加密（RSA）：适合敏感小数据 #

非对称加密用公钥加密，私钥解密，公钥可以公开，私钥只在后端保存，安全性更高，但加密的数据长度有限，适合加密密码、验证码这类小数据。

• 前端实现（用jsencrypt库）：

  import { JSEncrypt } from 'jsencrypt';
  
  // 先从后端获取公钥
  this.http.get('/api/get-public-key').subscribe(publicKey => {
    const encrypt = new JSEncrypt();
    encrypt.setPublicKey(publicKey);
    const plainDataStr = JSON.stringify({ "name":"user name" });
    const encryptedData = encrypt.encrypt(plainDataStr);
  
    // 发送加密数据
    this.http.post('/api/your-endpoint', { encryptedData }).subscribe(...);
  });
  

• 后端解密示例（Node.js）：

  const crypto = require('crypto');
  // 后端保存私钥，绝对不能泄露！
  const privateKey = `-----BEGIN RSA PRIVATE KEY-----
  your-private-key-content
  -----END RSA PRIVATE KEY-----`;
  
  app.post('/api/your-endpoint', (req, res) => {
    const { encryptedData } = req.body;
    const decryptedBuffer = crypto.privateDecrypt(
      {
        key: privateKey,
        padding: crypto.constants.RSA_PKCS1_OAEP_PADDING
      },
      Buffer.from(encryptedData, 'base64')
    );
    const originalData = JSON.parse(decryptedBuffer.toString());
    res.send(originalData);
  });
  

  如果要加密大体积数据，可以结合两种算法：用AES加密数据，再用RSA加密AES的密钥，这样兼顾安全和效率。

二、开发中向后端发送数据的“正确姿势”是什么？ #

1. 优先保证HTTPS：这是最基础也是最重要的安全措施，HTTPS会自动对传输过程中的数据进行加密，防止窃听和篡改。大部分常规场景下，HTTPS已经足够安全，不需要额外在前端做加密。
2. 敏感数据额外加密：如果是密码、银行卡号这类极高敏感的数据，除了HTTPS，建议再加一层加密（比如用RSA加密密码），即使HTTPS出问题，明文也不会泄露。
3. 哈希算法的正确用法：像bcrypt这类哈希算法，只适合处理不需要还原的数据，比如用户密码的存储——前端把明文密码哈希后发送，后端用bcrypt验证哈希值，全程不需要还原明文密码。

三、总结一下 #

• 用bcrypt实现“加密发送、后端解密”完全不可行，因为它是单向哈希，没法逆推原始数据。
• 若需要加密后解密读取，根据场景选AES（常规数据）或RSA（敏感小数据）。
• 日常开发优先用HTTPS，敏感数据再做额外加密，别滥用加密，徒增复杂度。

内容的提问来源于stack exchange，提问作者3gwebtrain