浏览器原生 Web Crypto API 实现 SHA256 Hash 加密

写在前面

在我上一篇文章 《node 后端和浏览器前端,有关 RSA 非对称加密的完整实践, 前后端匹配的代码演示》 中,我们使用 浏览器原生 Web Crypto API 实现了 RSA 的加密算法。

但是,在我之前的 《我设计的一个安全的 web 系统用户密码管理流程》 代码设计中,还涉及到 hash 计算,而目前,常见的 hash 计算,就是 SHA256 了。同样的,我们可以使用 Web Crypto API 来实现,而不必借助第三方库。

SHA 256 的实现方法

闲言少叙,直接展示代码:

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

小结

我们可以看到,浏览器原生 Web Crypto API 可以实现 RSA 的非对称加密,以及 SHA256 Hash 算法,当然,也支持对称加密算法等,大家可以自己去尝试一下。

不过需要注意的是,由于 md5、 sha1 等算法已经被证明是不安全的,因此 Web Crypto API 并没有支持。我个人的建议是,在浏览器端,我们要计算 hash 的话,还是使用 sha256 吧。

以上!祝各位看官开心!我最近看了一下,我居然4年没有写博客了,肯定是因为我年纪大了,懈怠了。各位看官不吝啬小手点个小赞的话,我会多多写博文的哦!谢谢大家。

相关推荐
森焱森34 分钟前
无人机三轴稳定控制(2)____根据目标俯仰角,实现俯仰稳定化控制,计算出升降舵输出
c语言·单片机·算法·架构·无人机
孤水寒月1 小时前
给自己网站增加一个免费的AI助手,纯HTML
前端·人工智能·html
CoderLiu1 小时前
用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?
前端·llm·mcp
伍哥的传说1 小时前
鸿蒙系统(HarmonyOS)应用开发之实现电子签名效果
开发语言·前端·华为·harmonyos·鸿蒙·鸿蒙系统
ytttr8731 小时前
matlab通过Q学习算法解决房间路径规划问题
学习·算法·matlab
海的诗篇_2 小时前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
uncleTom6662 小时前
前端地图可视化的新宠儿:Cesium 地图封装实践
前端
lemonzoey2 小时前
无缝集成 gemini-cli 的 vscode 插件:shenma
前端·人工智能
老家的回忆2 小时前
jsPDF和html2canvas生成pdf,组件用的elementplus,亲测30多页,20s实现
前端·vue.js·pdf·html2canvas·jspdf
半点寒12W2 小时前
uniapp全局状态管理实现方案
前端