五种常用的web加密算法

五种常用的web加密算法

文章目录

在这里插入图片描述

五种常用Web加密算法实战及原理详解

在现代Web开发中,数据安全至关重要。以下是五种最常用的Web加密算法,包括它们的原理、应用场景和实战代码示例。

1. AES (高级加密标准)

原理详解

AES是一种对称加密算法,使用相同的密钥进行加密和解密。它采用替代-置换网络(SPN)结构,主要步骤包括:

  1. 密钥扩展:从初始密钥派生多轮密钥
  2. 初始轮:AddRoundKey(轮密钥加)
  3. 主轮(重复9-13次):
    • SubBytes(字节替换)
    • ShiftRows(行移位)
    • MixColumns(列混淆)
    • AddRoundKey
  4. 最终轮(省略MixColumns)

AES有三种密钥长度:128位、192位和256位,分别对应10、12和14轮加密。

应用场景

  • HTTPS传输中的数据加密
  • 数据库敏感字段加密
  • 文件加密存储

实战代码(Node.js)

const crypto =require('crypto');// AES-256-CBC加密functionencrypt(text, key, iv){const cipher = crypto.createCipheriv('aes-256-cbc', Buffer.from(key), iv);let encrypted = cipher.update(text); encrypted = Buffer.concat([encrypted, cipher.final()]);return encrypted.toString('hex');}// AES-256-CBC解密functiondecrypt(encryptedText, key, iv){const encryptedBuffer = Buffer.from(encryptedText,'hex');const decipher = crypto.createDecipheriv('aes-256-cbc', Buffer.from(key), iv);let decrypted = decipher.update(encryptedBuffer); decrypted = Buffer.concat([decrypted, decipher.final()]);return decrypted.toString();}// 使用示例const key = crypto.randomBytes(32);// 256位密钥const iv = crypto.randomBytes(16);// 初始向量const message ='Secret Message';const encrypted =encrypt(message, key, iv); console.log('Encrypted:', encrypted);const decrypted =decrypt(encrypted, key, iv); console.log('Decrypted:', decrypted);

2. RSA (非对称加密)

在这里插入图片描述

原理详解

RSA基于大整数因数分解的困难性,主要步骤:

  1. 密钥生成
    • 选择两个大素数p和q
    • 计算n = pq,φ(n) = (p-1)(q-1)
    • 选择e使得1 < e < φ(n)且gcd(e, φ(n)) = 1
    • 计算d ≡ e⁻¹ mod φ(n)
    • 公钥=(e, n),私钥=(d, n)
  2. 加密:c ≡ mᵉ mod n
  3. 解密:m ≡ cᵈ mod n

应用场景

  • SSL/TLS握手过程中的密钥交换
  • 数字签名
  • 小数据量加密(如加密对称密钥)

实战代码(Node.js)

const crypto =require('crypto');// 生成RSA密钥对const{ publicKey, privateKey }= crypto.generateKeyPairSync('rsa',{ modulusLength:2048,// 密钥长度 publicKeyEncoding:{ type:'spki', format:'pem'}, privateKeyEncoding:{ type:'pkcs8', format:'pem'}});// RSA加密functionrsaEncrypt(data, publicKey){return crypto.publicEncrypt({ key: publicKey, padding: crypto.constants.RSA_PKCS1_OAEP_PADDING, oaepHash:'sha256'}, Buffer.from(data)).toString('base64');}// RSA解密functionrsaDecrypt(encryptedData, privateKey){return crypto.privateDecrypt({ key: privateKey, padding: crypto.constants.RSA_PKCS1_OAEP_PADDING, oaepHash:'sha256'}, Buffer.from(encryptedData,'base64')).toString();}// 使用示例const message ='Confidential Data';const encrypted =rsaEncrypt(message, publicKey); console.log('RSA Encrypted:', encrypted);const decrypted =rsaDecrypt(encrypted, privateKey); console.log('RSA Decrypted:', decrypted);

3. SHA-256 (安全哈希算法)

在这里插入图片描述

原理详解

SHA-256是SHA-2家族的一员,产生256位哈希值。其工作流程:

  1. 预处理
    • 填充消息使其长度为512位的倍数
    • 附加原始消息长度
  2. 哈希计算
    • 将消息分成512位块
    • 对每个块应用64轮压缩函数
    • 使用8个初始哈希值和64个预定义常数
    • 每轮包括消息调度、工作变量更新等操作
  3. 输出:最终8个工作变量连接形成256位哈希

应用场景

  • 密码存储
  • 数据完整性验证
  • 区块链和加密货币
  • 数字签名

实战代码(浏览器环境)

// 浏览器中使用Web Crypto API进行SHA-256哈希asyncfunctionsha256Hash(message){// 将字符串编码为Uint8Arrayconst encoder =newTextEncoder();const data = encoder.encode(message);// 计算哈希const hashBuffer =await crypto.subtle.digest('SHA-256', data);// 将ArrayBuffer转换为十六进制字符串const hashArray = Array.from(newUint8Array(hashBuffer));const hashHex = hashArray.map(b=> b.toString(16).padStart(2,'0')).join('');return hashHex;}// 使用示例sha256Hash('Hello World').then(hash=> console.log('SHA-256 Hash:', hash));

4. HMAC (基于哈希的消息认证码)

在这里插入图片描述

原理详解

HMAC结合加密哈希函数和密钥,提供消息认证。公式为:

HMAC(K, m) = H((K ⊕ opad) || H((K ⊕ ipad) || m)) 

其中:

  • H是哈希函数(如SHA-256)
  • K是密钥
  • m是消息
  • opad是外部填充(0x5c重复)
  • ipad是内部填充(0x36重复)

应用场景

  • API请求认证
  • JWT签名
  • 消息完整性验证

实战代码(Node.js)

const crypto =require('crypto');// 生成HMACfunctiongenerateHMAC(message, secret){return crypto.createHmac('sha256', secret).update(message).digest('hex');}// 验证HMACfunctionverifyHMAC(message, secret, hmac){const expectedHmac =generateHMAC(message, secret);return crypto.timingSafeEqual( Buffer.from(expectedHmac), Buffer.from(hmac));}// 使用示例const secretKey ='mySecretKey123';const message ='Important Data';const hmac =generateHMAC(message, secretKey); console.log('HMAC:', hmac);const isValid =verifyHMAC(message, secretKey, hmac); console.log('Verification:', isValid ?'Valid':'Invalid');

5. PBKDF2 (基于密码的密钥派生函数)

在这里插入图片描述

原理详解

PBKDF2通过重复哈希增强弱密码的安全性:

  1. 输入密码、盐值、迭代次数和期望密钥长度
  2. 对密码和盐值应用HMAC多次(迭代)
  3. 每次迭代的输出与前一次结果异或
  4. 最终组合所有块生成派生密钥

应用场景

  • 用户密码存储
  • 从密码生成加密密钥

实战代码(Node.js)

const crypto =require('crypto');// 使用PBKDF2派生密钥functionderiveKey(password, salt, iterations, keyLength, digest){return crypto.pbkdf2Sync( password, salt, iterations, keyLength, digest ).toString('hex');}// 使用示例const password ='userPassword123';const salt = crypto.randomBytes(16).toString('hex');// 生成随机盐const iterations =10000;// 迭代次数const keyLength =32;// 密钥长度(字节)const digest ='sha256';// 哈希算法const derivedKey =deriveKey(password, salt, iterations, keyLength, digest); console.log('Derived Key:', derivedKey); console.log('Salt:', salt);// 验证密码示例functionverifyPassword(password, storedHash, storedSalt, iterations, keyLength, digest){const newHash =deriveKey(password, storedSalt, iterations, keyLength, digest);return newHash === storedHash;}const isMatch =verifyPassword('userPassword123', derivedKey, salt, iterations, keyLength, digest ); console.log('Password Match:', isMatch);

加密算法对比表

算法类型密钥长度安全性性能适用场景
AES对称加密128/192/256位大数据量加密
RSA非对称加密2048位+密钥交换、数字签名
SHA-256哈希算法256位输出数据完整性验证
HMAC消息认证码可变中等消息认证
PBKDF2密钥派生可变可调密码存储

安全最佳实践

  1. 密钥管理
    • 永远不要硬编码密钥
    • 使用密钥管理系统(如AWS KMS、Hashicorp Vault)
    • 定期轮换密钥
  2. 算法选择
    • 对称加密首选AES-256
    • 非对称加密使用RSA 2048位或ECC 256位+
    • 哈希函数使用SHA-256或SHA-3
  3. 密码存储
    • 永远不要明文存储密码
    • 使用PBKDF2、bcrypt或Argon2
    • 每个用户使用唯一盐值
  4. 传输安全
    • 始终使用HTTPS
    • 敏感数据在客户端也应加密
  5. 错误处理
    • 加密失败时不要暴露详细信息
    • 使用恒定时间比较防止时序攻击

进阶主题

  1. 椭圆曲线加密(ECC):比RSA更高效的非对称加密
  2. bcrypt/Argon2:更现代的密码哈希算法
  3. 量子安全加密:抗量子计算的算法(如格密码)
  4. 同态加密:在加密数据上直接计算
  5. 零知识证明:验证信息而不泄露信息本身

通过掌握这五种核心加密算法及其实现,您已经具备了构建安全Web应用的基础能力。在实际项目中,应根据具体需求选择合适的算法组合,并遵循安全最佳实践来保护用户数据。

Read more

前端异常监控:如何捕获并上报JS错误与白屏?

前端异常监控:如何捕获并上报JS错误与白屏? 引言 在现代前端开发中,用户体验是衡量产品成功与否的关键指标。然而,前端应用运行在复杂多变的环境中,浏览器差异、网络问题、设备性能等因素都可能导致各种异常情况的发生。如何及时发现并解决这些问题,成为前端工程师面临的重要挑战。 本文将深入探讨前端异常监控的核心技术,包括JS错误捕获、白屏监控以及错误上报机制,帮助开发者构建更加稳定可靠的前端应用。 一、JS错误捕获技术 1.1 try-catch 语句 最基础的错误捕获方式是使用 try-catch 语句,它可以捕获代码块中同步执行的错误: /** * 捕获同步代码错误 * @param {Function} fn - 要执行的函数 * @param {Function} fallback - 错误处理函数 * @returns {any} 函数执行结果 */functionsafeExecute(fn, fallback){try{returnfn();}catch(error){ console.error('

前端小白必看 React Router路由配置全攻略(附避坑指南)

前端小白必看 React Router路由配置全攻略(附避坑指南)

前端小白必看 React Router路由配置全攻略(附避坑指南) * 前端小白必看 React Router路由配置全攻略(附避坑指南) * 开篇先扯两句 * 我当年被路由坑到想转行的黑历史 * React Router到底是个啥玩意儿 * 它和传统多页面应用路由的区别 * 主要版本演变历程得知道 * 核心功能拆开揉碎了讲 * BrowserRouter和HashRouter选哪个不纠结 * Routes和Route怎么搭配使用 * useNavigate钩子实现编程式导航 * useLocation获取当前路由信息 * useParams拿动态路由参数 * Outlet实现嵌套路由布局 * 这玩意儿优缺点得拎清楚 * 优点这块儿真香 * 缺点也得认 * 和Vue Router对比一下 * 和Next.js内置路由比呢 * 实际项目里咋用才不翻车 * 后台管理系统路由权限控制 * 登录跳转记住用户原本想访问

AI时代前端之路:从“代码执行者”到“智能协作架构师”

AI时代前端之路:从“代码执行者”到“智能协作架构师”

✅ 最新技术适配:聚焦AI与前端融合的核心趋势(AI原生开发、边缘AI、多模态交互),贴合当前主流工具链(GitHub Copilot、Cursor、Figma AI等) ✅ 通俗易懂:用“副驾驶”“原料加工”等白话比喻拆解复杂逻辑,无专业黑话,零基础也能理解 ✅ 条理清晰:先明确前端未来方向,再拆解AI高效工作方法,最后给出能力升级路径,逻辑闭环 ✅ 核心目标:帮前端开发者搞懂“AI时代该怎么定位自己”“如何用AI提效不被替代”“未来3年该学什么” 一、先明确核心结论:AI不是替代者,而是前端的“超级副驾驶” 2026年的前端行业,AI已经从“可选工具”变成“必备基建”——但这绝不是“前端要被淘汰”的信号,反而让前端的核心价值从“写代码”上移到了“做决策、控体验、搭架构”。 用一个形象的比喻理解: * 以前的前端是“独自开车的司机”

前端新人避坑指南:搞懂offsetX和pageX这些坐标属性别再写bug了

前端新人避坑指南:搞懂offsetX和pageX这些坐标属性别再写bug了

前端新人避坑指南:搞懂offsetX和pageX这些坐标属性别再写bug了 * 前端新人避坑指南:搞懂offsetX和pageX这些坐标属性别再写bug了 * 开篇先唠唠这玩意儿为啥总让人头大 * 这几个兄弟到底都是干啥的 * offsetX和offsetY这对小情侣 * pageX和pageY这两个老实人 * clientX和clientY这对视口党 * offsetHeight和offsetParent这些尺寸属性也得懂 * offsetLeft和offsetTop的实际用处 * getBoundingClientRect:更强大的替代品 * 这些属性各自的优缺点得心里有数 * 实际开发中这些玩意儿都用在哪 * 自定义拖拽功能 * 鼠标跟随效果 * 画布类应用的坐标转换 * 弹窗位置计算 * 踩坑了怎么排查别慌 * 第一步:console.log大法 * 检查元素定位 * iframe嵌套问题 * 移动端touch事件和mous