分类： 前端

发布于

gRPC-Web 流量解密与协议逆向：如何从 Protobuf 编码的 gRPC-Web 请求中提取有效负载？

各位观众老爷，大家好！今天咱们来聊聊 gRPC-Web 的那些事儿，尤其是关于如何扒开它的外衣，看看里面到底装了些啥。如果你曾经被 gRPC-Web 搞得头晕脑胀，不知道怎么解密它的流量，逆向它的协议，那这篇文章绝对能帮到你。 前言：啥是 gRPC-Web？ 简单来说，gRPC-Web 就是 gRPC 的一个变种，专门为浏览器环境量身定制。由于浏览器天然的限制，无法直接使用标准的 gRPC 协议，所以 Google 大佬们搞出了 gRPC-Web 这么个东西。它通过一个 Envoy 之类的代理服务器，将浏览器发出的 HTTP/1.1 请求转换成标准的 gRPC 请求，然后再发送给后端的 gRPC 服务。 一、为什么要解密 gRPC-Web 流量？ 你可能会问，好好的流量，干嘛要解密？原因有很多： 调试： 当你的前端和后端联调出现问题时，解密流量可以让你清晰地看到客户端发了什么，服务端回了什么，从而快速定位问题。 安全分析： 如果你需要分析 gRPC-Web 应用的安全性，解密流量是必不可少的。你可以检查客户端是否发送了敏感信息，服务端是否返回了不安全的数据等等。 协议逆向： 假设你想要 …

继续阅读“gRPC-Web 流量解密与协议逆向：如何从 Protobuf 编码的 gRPC-Web 请求中提取有效负载？”

发布于

HTTP/2 Frame 解析：如何从原始二进制流中提取 HEADERS, DATA, SETTINGS 等帧，并对其进行篡改？

HTTP/2 帧解析与篡改：一场二进制世界的探险 大家好，我是你们今天的导游，带大家深入HTTP/2的二进制丛林，一起探险帧（Frame）的秘密，并学习如何成为一位“帧”的艺术家，创造性地修改它们。 首先，我们得明确一点：HTTP/2 帧是HTTP/2通信的基石。所有的数据，包括请求头、响应体，甚至连接控制信息，都被封装在帧中进行传输。理解帧的结构，就等于掌握了HTTP/2的命脉。 HTTP/2 帧结构：拆开“乐高玩具” HTTP/2 帧由以下几个关键部分组成，可以想象成一个精心设计的“乐高玩具”： 字段名称 长度 (bytes) 描述 Length 3 帧负载的长度，不包括帧头（Length 和 Type，Flags，R）。最大值为 2^24 – 1 (16,777,215)。 Type 1 帧的类型，决定了帧的含义。例如，HEADERS、DATA、SETTINGS 等。 Flags 1 帧的标志位，用于指示帧的特定属性。不同的帧类型有不同的标志位定义。 R 1 保留位，必须设置为 0。 （虽然这个字段没什么实际用处，但也不能忽略它，毕竟它也是帧结构的一部分。） Stre …

继续阅读“HTTP/2 Frame 解析：如何从原始二进制流中提取 HEADERS, DATA, SETTINGS 等帧，并对其进行篡改？”

发布于

WebSocket 协议的帧结构和 Masking (掩码) 机制是什么？如何对其进行流量解密和数据包篡改？

各位老铁，早上好！今天咱就来聊聊 WebSocket 协议里那些弯弯绕绕的东西，尤其是它的帧结构和 Masking (掩码) 机制。我会像唠嗑一样，把这个听起来高大上的东西给你们扒个精光，让你们不仅能看懂，还能动手玩起来，甚至能搞点“小破坏”（当然，仅限于学习研究啊！）。 WebSocket 帧结构：拆解“快递包裹” WebSocket 协议就像一个高效的快递系统，它把数据分成一个个“包裹”（帧）来传输。每个“包裹”都有自己的格式，我们得先了解这些格式，才能知道里面装的是啥。 WebSocket 帧的基本结构如下： 0 1 2 3 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 +-+-+-+-+——-+-+————-+——————————-+ |F|R|R|R| opcode|M| Payload len | Extended payload length | |I|S|S|S| (4) |A| (7) | (16/64) | |N|V|V| …

继续阅读“WebSocket 协议的帧结构和 Masking (掩码) 机制是什么？如何对其进行流量解密和数据包篡改？”

发布于

HTTPS SSL/TLS 流量解密中，如何在没有服务器私钥的情况下，通过 MITM (中间人攻击) 工具进行解密和篡改？

各位观众，大家好！我是今天的讲师，很高兴能和大家一起聊聊一个稍微有点“危险”的话题：在没有服务器私钥的情况下，如何通过MITM（中间人攻击）工具解密和篡改HTTPS SSL/TLS流量。 不过，在开始之前，我要郑重声明：本文仅供技术学习和安全研究之用，请勿用于非法用途。任何滥用本文知识造成的后果，由使用者自行承担。 好了，声明完毕，咱们开始“飙车”吧！ 一、HTTPS 协议的简单回顾： 首先，我们需要简单回顾一下HTTPS协议的核心原理。HTTPS实际上就是HTTP over SSL/TLS，它通过SSL/TLS协议对HTTP数据进行加密，保证数据在传输过程中的安全性。这个加密的核心就是公钥/私钥体系。 简单来说： 服务器拥有私钥（Server Private Key）： 只有服务器才能持有，用于解密客户端发送的加密数据以及对服务器发送的数据进行签名。 服务器拥有公钥（Server Public Key）： 公开给客户端，用于客户端加密数据并验证服务器的身份。 客户端拥有随机生成的对称密钥（Session Key）： 用于加密客户端和服务器之间后续的通信数据，由客户端生成并使用服务器的 …

继续阅读“HTTPS SSL/TLS 流量解密中，如何在没有服务器私钥的情况下，通过 MITM (中间人攻击) 工具进行解密和篡改？”

发布于

HTTPS SSL Pinning (SSL证书锁定) 绕过：如何通过修改应用、操作系统或网络流量来绕过证书锁定？

各位观众老爷们，大家好！我是今天的主讲人，一个在代码堆里摸爬滚打多年的老码农。今天咱们来聊点刺激的——HTTPS SSL Pinning的绕过。 首先声明，咱们今天讨论的是技术，目的是了解安全机制，不是教唆大家去干坏事！学技术是为了更好的保护自己，可别用来搞破坏啊！ SSL Pinning 是个啥？ 简单来说，SSL Pinning就像给你的App加了个“白名单”。它会把服务器的SSL证书（或者证书的公钥、哈希）直接“钉”在你的App代码里。这样，App只会信任与这个“白名单”里的证书匹配的服务器。 为啥要这么做呢？因为普通的HTTPS连接，App会信任任何经过可信CA（证书颁发机构）签发的证书。但CA也可能被攻破，或者被某些邪恶势力控制，从而签发假的证书。有了Pinning，即使CA被攻破，攻击者也无法用假证书欺骗你的App。 绕过Pinning，为啥这么难？ Pinning把信任锚点从整个CA体系缩小到了特定的证书，大大提高了安全性。想要绕过它，意味着你需要找到方法让App信任一个非“白名单”里的证书，或者直接修改App的行为，让它忽略Pinning的检查。 那么，如何“优雅”地绕 …

继续阅读“HTTPS SSL Pinning (SSL证书锁定) 绕过：如何通过修改应用、操作系统或网络流量来绕过证书锁定？”

发布于

Subresource Integrity (SRI) 在保护第三方脚本完整性方面的局限性是什么？如何绕过它？

各位观众，晚上好！欢迎来到今天的“前端安全大作战”特别节目。我是你们的老朋友，bug终结者，今天咱们聊聊Subresource Integrity (SRI) 这玩意儿，看看它是不是真的那么靠谱，以及有哪些“不听话”的地方，还有那些“心怀不轨”的家伙是怎么绕过它的。 开场白：SRI，你的盾牌够硬吗？ 话说江湖上流传着一种叫做SRI的“神功”，据说能保护咱们的前端代码不被第三方CDN的坏人篡改。听起来是不是很厉害？就像给你的网页穿上了一层金钟罩铁布衫，刀枪不入。 但，等等！武侠小说里都说了，没有绝对的防御。再厉害的盾牌，也总有弱点。今天咱们就来扒一扒SRI的底裤，看看它到底有哪些局限性，又有哪些方法能绕过它，当然，我们学习这些是为了更好地保护我们的代码，而不是去干坏事啊！ 第一幕：SRI的基本原理，知己知彼 要想知道SRI的局限性，咱们得先了解它是个什么玩意儿。简单来说，SRI就是给你的外部资源（比如CDN上的JavaScript、CSS文件）生成一个唯一的“指纹”——哈希值。当浏览器加载这些资源的时候，会拿下载下来的文件的哈希值和你事先提供的哈希值进行比对。如果不一样，那就说明这个文件 …

继续阅读“Subresource Integrity (SRI) 在保护第三方脚本完整性方面的局限性是什么？如何绕过它？”

发布于

Cross-Origin-Opener-Policy (COOP) 和 Cross-Origin-Embedder-Policy (COEP) 如何通过隔离上下文来防止 Spectre-style 攻击？

各位听众，大家好！我是今天的讲师，很高兴能和大家一起探讨一个看似神秘，实则关乎我们网络安全的议题：COOP 和 COEP 如何联手对抗 Spectre 攻击。 准备好了吗？那我们就开始今天的“代码防御术”讲座！ Spectre 攻击：幽灵般的威胁 首先，让我们简单回顾一下什么是 Spectre 攻击。想象一下，你的电脑里有一个守卫森严的城堡（CPU），里面存放着各种珍贵的宝藏（敏感数据）。Spectre 攻击就像一个幽灵，它不需要攻破城堡的城墙，而是利用城堡本身的设计缺陷，诱骗守卫（CPU）在短暂的时间内打开宝藏的门，然后迅速窥视里面的秘密，再关上门，让人难以察觉。 具体来说，Spectre 攻击利用了 CPU 的推测执行（speculative execution）特性。为了提高效率，CPU 会在确定指令是否真的需要执行之前，提前预测指令的执行结果。如果预测错误，CPU 会撤销之前的操作，但在这个过程中，一些数据可能会被泄露到缓存中，攻击者可以通过侧信道攻击（side-channel attack）读取这些数据。 举个例子，假设我们有以下代码： function accessArra …

继续阅读“Cross-Origin-Opener-Policy (COOP) 和 Cross-Origin-Embedder-Policy (COEP) 如何通过隔离上下文来防止 Spectre-style 攻击？”

发布于

Trusted Types API (提案) 如何通过 Policy 机制有效防御 DOM XSS？请设计一个强制使用 Trusted Types 的 CSP。

各位朋友，大家好！我是你们的老朋友，今天咱们来聊聊前端安全里的一个重要话题：Trusted Types API，以及它如何配合CSP来对抗DOM XSS。这玩意儿听起来有点学术，但实际上用起来挺实在的，能有效降低XSS攻击的风险。咱们争取用大白话把这个东西讲明白，让大家都能听懂，都能用得上。 XSS 的那些事儿：为啥要用 Trusted Types？ 首先，咱们得知道XSS是啥。简单来说，就是黑客往你的网站里注入恶意代码，然后你的用户一不小心就执行了这些代码，导致信息泄露、账号被盗等等。XSS有很多种，其中DOM XSS是一种比较隐蔽的类型。 DOM XSS的特点是，恶意代码不直接出现在服务器返回的HTML里，而是通过修改页面的DOM结构来执行。比如，攻击者可以通过修改URL的hash值，然后在JavaScript代码里读取这个hash值，并将其插入到DOM中。如果这个hash值包含恶意代码，那就会被执行。 举个例子，假设我们有这么一段代码： <div id=”output”></div> <script> const outputDiv = doc …

继续阅读“Trusted Types API (提案) 如何通过 Policy 机制有效防御 DOM XSS？请设计一个强制使用 Trusted Types 的 CSP。”

发布于

Spectre 和 Meltdown 等侧信道攻击在 JavaScript 环境中的潜在影响和检测方法。

各位观众老爷，大家好！今天咱们来聊聊JavaScript环境下的Spectre和Meltdown侧信道攻击，这可是个相当刺激的话题，能让你感受到黑客们“隔墙取物”的骚操作。别害怕，咱们不搞玄学，用大白话和代码把这事儿说清楚。 开场白：啥是侧信道攻击？ 想象一下，你想偷看邻居家的秘密，但你不能直接破门而入。于是你开始观察他家的电表读数、用水量，甚至通过分析他家微波炉的嗡嗡声频率来推断他晚上吃的啥。这就是侧信道攻击的思路：不直接攻击目标系统，而是通过分析其运行时的各种“副作用”（比如时间、功耗、电磁辐射）来获取敏感信息。 Spectre和Meltdown就是利用现代CPU的某些特性（比如分支预测、乱序执行）产生的副作用来进行攻击的。它们可不是普通的漏洞，而是CPU架构层面的缺陷，几乎影响了所有现代处理器。 第一幕：Spectre和Meltdown的“爱恨情仇” Meltdown (熔毁): 简单粗暴，直接突破内核隔离。它能让用户空间的程序读取内核空间的内存数据，就像你直接把邻居家的门锁撬开一样。 Spectre (幽灵): 更加狡猾，利用分支预测的漏洞。它让CPU误执行一些指令，然后通过时 …

继续阅读“Spectre 和 Meltdown 等侧信道攻击在 JavaScript 环境中的潜在影响和检测方法。”

发布于

浏览器指纹 (Browser Fingerprinting) 中，Canvas Fingerprinting, WebGL Fingerprinting, Audio Fingerprinting 的原理是什么？如何实现反指纹？

各位观众老爷，晚上好！今天咱们聊点刺激的——浏览器指纹识别与反指纹，特别是 Canvas、WebGL 和 Audio 这三位“指纹大盗”的作案手法，以及咱们如何变成“反指纹侠”来保护自己的隐私。 一、浏览器指纹是个啥？ 想象一下，你走进一家咖啡馆，服务员没见过你，但通过观察你的穿着、语速、走路姿势、甚至点的咖啡种类，就能大概判断出你的身份和喜好。浏览器指纹就是这个道理。 浏览器指纹是网站或服务通过收集浏览器的各种信息（比如 User-Agent、操作系统、安装的字体、插件等等），然后用特定的算法生成一个唯一的“指纹”来识别用户。即使你清空了 Cookie，使用了隐身模式，网站仍然可以根据你的浏览器指纹认出你。 二、Canvas Fingerprinting：像素级的秘密 Canvas 是 HTML5 提供的一个绘图 API，允许网页使用 JavaScript 动态生成图像。Canvas 指纹识别就是利用了这个特性。 原理： 绘制特定图像： 网站会要求你的浏览器使用 Canvas 绘制一段特定的文字或图形。这个图形通常包含复杂的渐变、阴影、抗锯齿等效果。 获取像素数据： 网站会读取 Ca …

继续阅读“浏览器指纹 (Browser Fingerprinting) 中，Canvas Fingerprinting, WebGL Fingerprinting, Audio Fingerprinting 的原理是什么？如何实现反指纹？”