讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript加密算法_哈希函数与数字签名

云辰大大_7703

云辰大大_7703

发布时间:2025-11-23 22:45:06

|

761人浏览过

|

来源于php中文网

原创

哈希函数与数字签名是前端数据安全核心技术,用于保障数据完整性与身份认证。1. 哈希函数如SHA-256通过生成唯一固定长度值校验数据是否被篡改,可用Web Crypto API实现;2. 数字签名结合非对称加密与哈希,利用私钥签名、公钥验证,确保消息来源真实性和完整性,适用于JWT、API认证等场景;3. 实际应用中应避免前端私钥暴露,优先使用原生API并配合HTTPS,敏感操作应置于服务端,密码需在后端加盐哈希存储。

javascript加密算法_哈希函数与数字签名

在现代Web开发中,JavaScript常用于处理前端数据安全,尤其是在涉及用户认证、数据完整性校验和身份验证的场景下。哈希函数与数字签名是其中两个核心技术,它们虽不直接“加密”数据,但在保障信息安全方面起着关键作用。

哈希函数:确保数据完整性

哈希函数将任意长度的数据映射为固定长度的唯一字符串(哈希值)。即使输入发生微小变化,输出也会完全不同。JavaScript本身不内置标准的加密哈希函数,但可通过第三方库如 crypto-js 或浏览器内置的 Web Crypto API 实现。

常见哈希算法包括:
  • SHA-256:广泛使用,安全性高,常用于区块链和密码存储
  • MD5:已不推荐用于安全场景,易受碰撞攻击
  • SHA-1:已被逐步淘汰,存在安全漏洞

使用 Web Crypto API 计算 SHA-256 哈希的示例:

async function hashString(str) {
  const encoder = new TextEncoder();
  const data = encoder.encode(str);
  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);

哈希的主要用途是验证数据是否被篡改。比如在表单提交前对密码进行哈希处理(配合盐值),或校验文件内容一致性。

立即学习“Java免费学习笔记(深入)”;

数字签名:验证身份与完整性

数字签名结合了非对称加密和哈希技术,用于证明消息来源的真实性。发送方使用私钥对数据的哈希值进行签名,接收方用对应的公钥验证签名。若验证通过,说明数据未被修改且来自可信方。

创意前端视觉设计
创意前端视觉设计

在创建或重塑需要独特视觉方向、应避免通用 AI 生成审美的网站、落地页、仪表盘、UI 组件、海报或应用时使用。

下载

在 JavaScript 中使用 Web Crypto API 实现数字签名(以 RSA 签名为例):

步骤如下:
  • 生成密钥对(公钥和私钥)
  • 对原始数据计算哈希
  • 使用私钥对哈希值进行签名
  • 接收方使用公钥验证签名

代码示例:

async function signData(data) {
  const encoder = new TextEncoder();
  const dataBuffer = encoder.encode(data);

  // 生成密钥对
  const keyPair = await crypto.subtle.generateKey(
    {
      name: 'RSA-PSS',
      modulusLength: 2048,
      publicExponent: new Uint8Array([1, 0, 1]),
      hash: 'SHA-256',
    },
    true,
    ['sign', 'verify']
  );

  // 签名
  const signature = await crypto.subtle.sign(
    'RSA-PSS',
    keyPair.privateKey,
    dataBuffer
  );

  // 验证签名
  const isValid = await crypto.subtle.verify(
    'RSA-PSS',
    keyPair.publicKey,
    signature,
    dataBuffer
  );

  return { isValid, signature };
}

// 使用
signData('important message').then(res => console.log('Valid:', res.isValid));

数字签名常用于JWT令牌签发、API请求认证、电子合同等需要防抵赖的场景。

实际应用建议

虽然 JavaScript 可实现哈希与签名功能,但需注意其运行环境的安全性。前端代码易被逆向,因此敏感操作(如私钥管理)应尽量放在服务端。

  • 避免在客户端暴露私钥或长期使用的密钥
  • 优先使用浏览器原生 Web Crypto API,而非老旧第三方库
  • 配合 HTTPS 使用,防止中间人攻击
  • 对用户密码应在服务端加盐哈希存储(如 bcrypt、scrypt)

基本上就这些。掌握哈希与数字签名的原理和用法,能有效提升应用的安全层级,尤其在涉及数据传输和身份认证时尤为重要。

热门AI工具

更多
创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1838

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2944

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6244

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6149

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

7734

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

11714

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

6039

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

6687

2025.08.07

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

0

2026.11.02

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn