0

0

Deno中使用Web Crypto API进行字符串SHA-256哈希教程

花韻仙語

花韻仙語

发布时间:2025-10-27 09:43:34

|

828人浏览过

|

来源于php中文网

原创

Deno中使用Web Crypto API进行字符串SHA-256哈希教程

本教程详细介绍了如何在deno环境中利用web crypto api对字符串执行sha-256哈希操作。文章将逐步讲解从字符串编码、数据摘要到最终十六进制表示的完整过程,并提供可直接运行的代码示例,帮助开发者高效、准确地实现字符串哈希功能。

Deno中字符串SHA-256哈希实现

在Deno中进行加密操作,包括字符串哈希,主要依赖于其内置的Web Crypto API。这意味着在浏览器环境中实现加密功能的方式,同样适用于Deno。这种跨平台的兼容性为开发者提供了极大的便利。本文将以SHA-256算法为例,演示如何将一个字符串哈希为十六进制格式的输出。

核心原理与步骤

要实现字符串的SHA-256哈希,我们需要遵循以下几个关键步骤:

  1. 字符串编码: 首先,将输入的字符串编码成字节数组(Uint8Array)。这是因为加密API通常处理二进制数据而非直接的字符串。
  2. 数据摘要: 使用Web Crypto API的crypto.subtle.digest方法对编码后的字节数组进行哈希计算。此方法是异步的,会返回一个包含哈希结果的ArrayBuffer。
  3. 结果转换: 将ArrayBuffer形式的哈希结果转换为Uint8Array,以便逐字节处理。
  4. 十六进制表示: 最后,将Uint8Array中的每个字节转换为两位十六进制字符串,并拼接起来,形成最终的十六进制哈希值。

示例代码

以下是一个完整的Deno函数,用于实现字符串的SHA-256哈希:

蝉妈妈AI
蝉妈妈AI

电商人专属的AI营销助手

下载
/**
 * 使用SHA-256算法哈希给定的消息字符串。
 *
 * @param message 要哈希的字符串。
 * @returns 一个Promise,解析为消息的十六进制SHA-256哈希值。
 */
async function hash(message: string): Promise {
  // 1. 将字符串编码为UTF-8字节数组
  const data = new TextEncoder().encode(message);

  // 2. 使用SHA-256算法计算数据的哈希摘要
  const hashBuffer = await crypto.subtle.digest('SHA-256', data);

  // 3. 将ArrayBuffer转换为Uint8Array
  const hashArray = Array.from(new Uint8Array(hashBuffer));

  // 4. 将Uint8Array中的每个字节转换为两位十六进制字符串并拼接
  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');

  return hashHex;
}

// 示例用法:哈希字符串 "hello world"
hash('hello world').then(console.log); // 预期输出: b94d27b9934d3e08a52e52d7da7dabfac484efe37a5380ee9088f7ace2efcde9

代码详解

  • new TextEncoder().encode(message): TextEncoder 是一个Web API,用于将字符串编码为特定编码(默认为UTF-8)的Uint8Array。这是进行加密操作前必不可少的一步。
  • crypto.subtle.digest('SHA-256', data): crypto.subtle 接口提供了低级别的加密原语,如哈希、签名和加密。digest 方法用于计算数据的哈希摘要。第一个参数指定哈希算法(此处为'SHA-256'),第二个参数是待哈希的数据(ArrayBuffer或TypedArray)。由于哈希计算是计算密集型操作,它返回一个Promise。
  • Array.from(new Uint8Array(hashBuffer)): crypto.subtle.digest 返回一个ArrayBuffer,它是一个通用的、固定长度的原始二进制数据缓冲区。为了方便地访问每个字节,我们将其转换为Uint8Array(一个8位无符号整数数组),然后通过Array.from将其转换为标准的JavaScript数组,便于后续的map操作。
  • map((b) => b.toString(16).padStart(2, '0')).join(''):
    • b.toString(16) 将每个字节(0-255)转换为其十六进制字符串表示。
    • padStart(2, '0') 确保每个十六进制值都由两位组成。例如,10(十进制)会变成a,但我们需要0a。255(十进制)会变成ff。
    • join('') 将所有两位十六进制字符串连接成一个完整的哈希字符串。

注意事项

  • 异步操作: crypto.subtle.digest 是一个异步函数,因此在调用它时必须使用await关键字,并且包含它的函数必须标记为async。
  • Deno权限: 在Deno中运行此代码通常不需要特定的文件系统或网络权限,因为crypto API是内置的。
  • 安全性: SHA-256是一种密码学哈希函数,适用于数据完整性校验、数字签名等场景。但请注意,对于密码存储等需要更高安全性的场景,不应直接使用SHA-256哈希。应结合盐值(salt)和密钥派生函数(如PBKDF2、Bcrypt、Scrypt)来增加安全性,以抵御彩虹表攻击和暴力破解。
  • 兼容性: 由于Deno采用了Web Crypto API,这段代码在支持该API的现代浏览器环境中也应该能够直接运行,只需调整模块导入方式(如果需要)。

总结

通过Deno内置的Web Crypto API,我们可以方便、高效地实现字符串的SHA-256哈希。整个过程涉及字符串编码、异步哈希计算以及结果的十六进制转换。理解这些步骤和API的使用,将有助于开发者在Deno项目中安全地处理数据完整性和身份验证等需求。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

544

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

372

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

727

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

470

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

392

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

990

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

654

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

544

2023.09.20

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

74

2025.12.31

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号