前端验证子资源完整性 (SRI)

栏目: 服务器 · 发布时间: 7年前

内容简介:前端验证子资源完整性 (SRI)

Subresource Integrity 是一项安全功能,可让浏览器验证其抓取的文件的哈希值,以确认安全,有效防止中间人攻击。

我们来试验一下,写如下两个 script 标签。运行后浏览器会弹窗,一切正常。

<script src="./hello.js"></script>
alert('Congratulations! Hash Verified.')

我们试着给资源随便加上一个错误的 SRI,如下。运行后,浏览器不会弹窗,并且控制台会报错: Failed to find a valid digest in the 'integrity' attribute for resource 'hello.js' with computed SHA-256 integrity 'yP+icQv0rkwUuvAEjjDRQTM6m8w4aQ936YZEuRrUFzI='. The resource has been blocked.

<script  
  src="./hello.js"
  integrity="sha384-lljDDPT2N8y39RmxV0B+qemhTBD8tZL1htDJn14mXP7EvAPiiv8rjNhg3ZFc5XaL"
></script>

我们可以用 openssl 生成某个文件的 Hash,非常方便。注意 integrity 属性必须在 Base64 之前加上 Hash 类型,比如 sha384-xxxx... 这样,否则浏览器只是在控制台报错提示 integrity 的值不合法,但不会验证文件哈希值且该文件依然能正常加载。

cat hello.js | openssl dgst -sha384 -binary | openssl enc -base64 -A

// RenGlKfD/k9qWjsAD6vt7nfBC7GNwch1UuXoxjg61CWXoZIo4xcAhwLRHuFKhQvC%

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Blog Design Solutions

Blog Design Solutions

Richard Rutter、Andy Budd、Simon Collison、Chris J Davis、Michael Heilemann、Phil Sherry、David Powers、John Oxton / friendsofED / 2006-2-16 / USD 39.99

Blogging has moved rapidly from being a craze to become a core feature of the Internetfrom individuals sharing their thoughts with the world via online diaries, through fans talking about their favori......一起来看看 《Blog Design Solutions》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

MD5 加密
MD5 加密

MD5 加密工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器