新闻中心

J*aScript加密算法_Web_Crypto_API使用

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

javascript加密算法_web_crypto_api使用

Web Crypto API 提供了一套强大的加密功能,可以在浏览器端安全地执行常见的加密操作,比如哈希、加密/解密、签名和密钥生成。它支持现代加密算法,且所有操作都在安全上下文中进行(需要 HTTPS 或本地开发环境),防止敏感数据暴露给 J*aScript 层。

1. 基本使用条件

使用 Web Crypto API 需要注意以下几点:

  • 必须在安全上下文中运行(HTTPSlocalhost
  • 通过全局对象 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调整触发时间 

搜索