新闻中心
J*aScript加密算法_Web_Crypto_API使用
Web Crypto API 提供浏览器端安全加密功能,支持哈希、加密/解密、签名和密钥生成。1. 需在 HTTPS 或 localhost 环境使用,通过 crypto.subtle 调用异步方法。2. 支持 SHA-256 哈希、AES-GCM 对称加密(含 IV)、RSA-OAEP 非对称加密等操作。3. 推荐使用 PBKDF2 派生密钥,避免明文密码直接作密钥,确保安全性。所有操作不暴露密钥,禁用弱算法,保障数据安全。

Web Crypto API 提供了一套强大的加密功能,可以在浏览器端安全地执行常见的加密操作,比如哈希、加密/解密、签名和密钥生成。它支持现代加密算法,且所有操作都在安全上下文中进行(需要 HTTPS 或本地开发环境),防止敏感数据暴露给 J*aScript 层。
1. 基本使用条件
使用 Web Crypto API 需要注意以下几点:
- 必须在安全上下文中运行(HTTPS 或 localhost)
- 通过全局对象 crypto.subtle 访问核心加密方法
- 所有方法返回 Promise,需用 async/await 或 .then() 处理异步结果
2. 常见加密操作示例
2.1 SHA-256 哈希计算
将字符串转换为 ArrayBuffer 后进行哈希处理:
async function hashString(str) {
const encoder = new TextEncoder();
const data = encoder.encode(str);
const hashBuffer = await crypto.subtle.digest('SHA-256', data);
return Array.from(new Uint8Array(hashBuffer))
.map(b => b.toString(16).padStart(2, '0'))
.join('');
}
// 使用示例
hashString('hello world').then(console.log); // 输出: "b94d..."
2.2 AES-GCM 加密与解密
AES-GCM 是推荐的对称加密方式,提供认证加密(防篡改):
起航点卡销售系统
欢迎使用“起航点卡销售系统”销售程序:一、系统优势 1、售卡系统采取了会员与非会员相结合的销售方法,客户无需注册即可购卡,亦可注册会员购卡。 2、购卡速度快,整个购卡或过程只需二步即可取卡,让客户感受超快的取卡方式! 3、批量加卡功能。 4、取卡方式:网上支付,即时取卡 ,30秒可完成交易。 5、加密方式:MD5 32位不可倒推加密 6、防止跨站
0
查看详情
async function encryptAES(keyStr, plaintext) {
const encoder = new TextEncoder();
const key = await crypto.subtle.importKey(
'raw',
encoder.encode(keyStr),
{ name: 'AES-GCM' },
false,
['encrypt']
);
const iv = crypto.getRandomValues(new Uint8Array(12)); // 初始化向量
const ciphertext = await crypto.subtle.encrypt(
{ name: 'AES-GCM', iv },
key,
encoder.encode(plaintext)
);
return { ciphertext, iv };
}
async function decryptAES(keyStr, { ciphertext, iv }) {
const encoder = new TextEncoder();
const key = await crypto.subtle.importKey(
'raw',
encoder.encode(keyStr),
{ name: 'AES-GCM' },
false,
['decrypt']
);
const decrypted = await crypto.subtle.decrypt(
{ name: 'AES-GCM', iv },
key,
ciphertext
);
return new TextDecoder().decode(decrypted);
}
2.3 RSA-OAEP 非对称加密
适用于加密小数据或传输对称密钥:
async function generateRSAKeyPair() {
return await crypto.subtle.generateKey(
{
name: 'RSA-OAEP',
modulusLength: 2048,
publicExponent: new Uint8Array([1, 0, 1]),
hash: 'SHA-256'
},
true,
['encrypt', 'decrypt']
);
}
async function encryptWithPublicKey(publicKey, data) {
const encoder = new TextEncoder();
const encrypted = await crypto.subtle.encrypt(
{ name: 'RSA-OAEP' },
publicKey,
encoder.encode(data)
);
return encrypted;
}
3. 密钥管理建议
避免直接使用密码作为密钥。应通过 PBKDF2 派生密钥:
async function deriveKey(password, salt) {
const encoder = new TextEncoder();
const baseKey = await crypto.subtle.importKey(
'raw',
encoder.encode(password),
{ name: 'PBKDF2' },
false,
['deriveKey']
);
return await crypto.subtle.deriveKey(
{
name: 'PBKDF2',
salt: salt,
iterations: 100000,
hash: 'SHA-256'
},
baseKey,
{ name: 'AES-GCM', length: 256 },
true,
['encrypt', 'decrypt']
);
}
Web Crypto API 的设计目标是安全性优先,因此不暴露原始密钥值,也不支持弱算法。合理使用可以实现安全的数据保护机制。
以上就是J*aScript加密算法_Web_Crypto_API使用的详细内容,更多请关注其它相关文章!
# 都在
# 内江设备网站建设公司
# 梁山营销推广代理
# 南宁抖音seo团队招聘
# 常熟小型网站建设公司
# 哪个网站推广有效果
# 龙港网站推广营销
# 北京seo引流
# 多语言网站 seo
# 湛江网站优化常识培训
# 济南谷歌网站推广平台
# 适用于
# 推荐使用
# 只需
# javascript
# 也不
# 非对称
# 如何处理
# 如何实现
# 点卡
# crypto
# 敏感数据
# 浏览器端
# 开发环境
# ai
# 浏览器
# java
# word
相关栏目:
【
科技资讯46185 】
【
网络学院92790 】
相关推荐:
机构:以往存储涨价周期小米利润率实际上有所改善 能转嫁给消费者等
抖音未来赚钱的新趋势 2025年值得关注的变现风口分析
KFC套餐升级怎么获取优惠代码_KFC套餐升级活动与优惠代码获取方法
J*aScript DOM操作:高效清空列表元素的策略与实践
如何在 Excel Online 和 Google 表格中更改日期格式
蛙漫画网页版全站入口 蛙漫热门作品免费浏览
在Blazor WebAssembly应用中动态注入客户端特定指标代码的策略
解决 MongoDB 聚合查询中对象数组 _id 匹配问题
qq浏览器打开空白页怎么办 qq浏览器启动后显示白屏的解决教程
实现分段式页面滚动导航:CSS与J*aScript教程
J*aScript中localStorage数据的获取、清洗与格式化教程
如何将HTML表格多行数据保存到Google Sheets
解决Python logging 中 datefmt 导致时间戳固定不变的问题
Go语言JSON解析深度指南:动态访问与结构体映射实践
AO3最新镜像入口 Archive of Our Own官方平台访问
Win11怎么查看电脑配置_Win11硬件配置检测工具使用
TikTok国际版网页端快速入口 TikTok全球版短视频浏览教程
PowerPoint如何制作滚动字幕结尾彩蛋_PowerPoint路径动画实现平滑滚动字幕效果
使用 Pandas 高效处理 .dat 文件:字符清理与数据计算
支付宝碰一碰设备是REDMI手机吗 博主拆机辟谣:处理器、内存都不一样
EMS快递官网app_中国邮政速递物流手机客户端
如何在网页中实现特定地点的随机图片展示
J*aScript map 迭代中检测空数组元素的有效方法
HTML5原生日期选择器与jQuery UI:实现日期选择器的联动与程序化控制
mysql密码锁定怎么解锁_mysql密码锁定解锁后修改密码步骤
《噬血代码2》新预告片发布 展示游戏剧情
Eclipse怎么运行工程_Eclipse工程运行配置说明
一加 14R 快充无反应_一加 14R 充电优化
《燕云十六声》两周内达九百万玩家!位居畅销榜第五
解决Rails应用中内容错位与Turbo警告:meta标签误用导致富文本渲染异常
J*a最大堆Heapify方法修复:索引计算与边界条件深度解析
Win11怎么关闭触摸屏_Windows 11禁用HID符合标准触摸屏
Django通过AJAX异步上传图片并保存至模型的完整指南
汽水音乐在线版入口_汽水音乐网页播放手册
J*aScript中安全有效地处理localStorage字符串数据
sublime如何配置Python开发环境_将sublime打造成轻量级Python IDE
J*a里如何实现线程安全的懒加载单例_懒加载单例实现方法解析
poki网页游戏推荐_poki免费游戏平台入口
Angular中单选按钮的正确使用与常见陷阱解析
TikTok搜索结果不显示如何解决 TikTok搜索刷新优化方法
PostgreSQL海量数据高效导入策略:Python与Django实践指南
Python Socket多播通信中指定源IP地址的实践指南
绝地鸭卫平a核爆刀流玩法攻略
高德地图总提示网络异常怎么办 高德地图离线导航设置与网络排查方法
《马克思佩恩3》早期版本曝光 UI设计曾多次调整!
动漫花园资源网使用步骤_动漫花园资源网下载流程
J*a实现学校排课程序_面向对象结构化项目示例
支付宝如何设置安全保护_支付宝安全设置的全面教程
vivo云服务网页版登录 怎么登录vivo云服务网页版
css元素hover动画延迟生效怎么办_使用animation-delay调整触发时间


2025-11-19
浏览次数:次
返回列表
false,
['decrypt']
);
const decrypted = await crypto.subtle.decrypt(
{ name: 'AES-GCM', iv },
key,
ciphertext
);
return new TextDecoder().decode(decrypted);
}