JavaScript数据加密_CryptoAPI与安全哈希算法-js教程-PHP中文网

JavaScript数据加密_CryptoAPI与安全哈希算法

狼影

发布： 2025-11-19 16:33:06

原创

591人浏览过

前端可使用Web Crypto API实现安全哈希处理，如通过crypto.subtle.digest()调用SHA-256算法对字符串生成唯一摘要，用于数据完整性校验或密码预处理；但前端加密仅为补充，不可替代后端加盐存储、HTTPS传输等安全措施，敏感操作仍需服务端完成。

javascript数据加密_cryptoapi与安全哈希算法

在现代Web开发中，数据安全是不可忽视的一环。JavaScript虽然运行在客户端，看似不适合处理敏感操作，但在前端进行基础的数据加密与哈希处理仍具有实际意义，尤其是在与后端协同保障通信安全时。本文聚焦于浏览器环境下的 Crypto API 以及常见的 安全哈希算法，介绍如何使用这些技术实现基本的数据保护。

浏览器内置加密：Web Crypto API

Web Crypto API 是现代浏览器提供的原生加密接口，支持多种加密操作，如生成密钥、加密解密、签名验证和哈希计算。它比传统的第三方库更安全，因为其底层实现由浏览器控制，减少了引入恶意代码的风险。

该API位于 window.crypto.subtle 对象下，提供异步方法以避免阻塞主线程。

常用方法包括：

crypto.subtle.digest()：用于哈希计算
crypto.subtle.encrypt() / decrypt()：对称加密与解密
crypto.subtle.sign() / verify()：数字签名相关操作

所有操作都基于 ArrayBuffer 或其视图（如 Uint8Array），因此在使用字符串时需要先进行编码转换。

立即学习“Java免费学习笔记（深入）”；

安全哈希算法的应用

哈希算法用于将任意长度的数据映射为固定长度的唯一值，常用于校验数据完整性或存储密码摘要。Web Crypto API 支持多种安全哈希标准，推荐使用 SHA-256 或更高版本。

以下是一个使用 SHA-256 计算字符串哈希的示例：

TapNow

新一代AI视觉创作引擎

115

查看详情

async function hashString(message) {
  const encoder = new TextEncoder();
  const data = encoder.encode(message);
  const hashBuffer = await crypto.subtle.digest('SHA-256', data);
  const hashArray = Array.from(new Uint8Array(hashBuffer));
  return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
}

// 使用示例
hashString('hello world').then(console.log);
// 输出类似: a591a6d40bf420404a011733cfb7b190d62c65bf0bcda32b57b277d9ad9f146e

登录后复制

这个哈希值是唯一的，且无法逆向还原原始内容，适合用于比对密码摘要或文件指纹。