搜索

[13624] 2019-01-07_前端打包编译时代来临对漏洞挖掘的影响

文档创建者：s7ckTeam
浏览次数：17
最后更新：2025-01-18
2019-01-07_前端打包编译时代来临对漏洞挖掘的影响 前 端 打 包 编 译 时 代 来 临 对 漏 洞 挖 掘 的 影 响 傻 傻 傻 傻 傻 子   F r e e B u f   2 0 1 9 - 0 1 - 0 7 0 x 0 1   什 么 是 什 么 是 w e b p a c k w e b p a c k 用 于 编 译 用 于 编 译 J a v a S c r i p t 模 块 。 关 注 模 块 。 关 注 j a v a s c r i p t 技 术 的 同 学 一 定 知 道 ， 在 技 术 的 同 学 一 定 知 道 ， 在 C o m m o n J S 和 和 E S 6 中 ， 为 了 支 持 模 中 ， 为 了 支 持 模 块 化 ， 而 引 入 了 块 化 ， 而 引 入 了 e x p o r t / r e q u i r e / i m p o r t 这 类 东 西 ， 模 块 化 可 以 降 低 开 发 的 复 杂 度 ， 用 于 支 撑 前 端 的 复 杂 功 能 ， 但 这 类 东 西 ， 模 块 化 可 以 降 低 开 发 的 复 杂 度 ， 用 于 支 撑 前 端 的 复 杂 功 能 ， 但 是 模 块 化 后 ， 也 带 来 了 许 多 问 题 ， 比 如 老 版 本 的 浏 览 器 不 支 持 是 模 块 化 后 ， 也 带 来 了 许 多 问 题 ， 比 如 老 版 本 的 浏 览 器 不 支 持 E S 6 / J S X 语 法 ， 开 发 和 线 上 不 能 保 持 一 致 ， 这 就 语 法 ， 开 发 和 线 上 不 能 保 持 一 致 ， 这 就 为 为 W e b P a c k 类 的 自 动 化 代 码 转 换 工 具 的 出 现 提 供 了 需 求 。 类 的 自 动 化 代 码 转 换 工 具 的 出 现 提 供 了 需 求 。 W e b P a c k 可 以 看 做 是 模 块 打 包 机 模 块 打 包 机 ： 它 做 的 事 情 是 ， 分 析 你 的 项 目 结 构 ， 找 到 J a v a S c r i p t 模 块 以 及 其 它 的 一 些 浏 览 器 不 能 直 接 运 行 的 拓 展 语 言 （ S c s s ， T y p e S c r i p t 等 ） ， 并 将 其 转 换 和 打 包 为 合 适 的 格 式 供 浏 览 器 使 用 。 按 照 官 网 的 说 法 ， w e b p a c k 可 以 打 包 一 切 资 源 / 图 片 / 样 式 / 依 赖 等 等 ， w e b p a c k 默 认 只 支 持 j s 模 块 打 包 ， 对 于 其 他 文 件 就 需 要 用 l o a d e r 解 析 器 ， 比 如 在 v u e 中 ， 直 观 的 效 果 就 是 使 用 w e b p a c k 可 以 将 使 用 的 v u e ， c s s ， 图 片 等 打 包 成 一 个 j s 。 0 x 0 2   在 漏 洞 挖 掘 过 程 中 分 析 前 端 代 码 的 重 要 性 在 漏 洞 挖 掘 过 程 中 分 析 前 端 代 码 的 重 要 性 随 着 前 后 端 分 离 架 构 的 大 众 化   ， 越 来 越 多 的 开 发 团 队 采 用 这 种 开 发 模 式 。 前 后 端 的 交 互 越 来 越 多 是 通 过 A P I 完 成 ， 而 不 再 依 赖 页 面 刷 新 ， 众 多 的 后 端 的 框 架 也 把 自 己 定 位 成 一 个 A P I 框 架 ， 如 t h i n k p h p 5 等 。 通 过 分 析 前 端 j s 代 码 ， 找 到 前 后 端 交 互 的 接 口 ， 对 接 口 进 行 测 试 变 得 越 来 越 重 要 ， 比 如 在 某 些 没 权 限 的 场 景 下 ， 我 们 无 法 完 整 显 示 页 面 ， 可 以 通 过 分 析 前 端 j s 中 的 a j a x 接 口 进 行 测 试 。 这 里 我 就 拿 几 个 案 例 说 说 ： 1 . 某 次 挖 漏 洞 过 程 中 ， 登 陆 后 显 示 账 号 没 有 权 限 ， 页 面 显 示 4 0 3   f o r b i d e n ， f 1 2   s o u r c e s   发 现 前 端 使 用 V U E 框 架 ， 分 析 源 码 对 一 a j a x 接 口 进 行 测 试 发 现 存 在 越 权 。 2 . 某 次 挖 漏 洞 过 程 中 ， 通 过 分 析 前 端 j s 代 码 ， 发 现 存 在 一 段 代 码 ， 代 码 逻 辑 是 在 d e b u g M o d e 下 ， 会 s e t C o o k i e ， 尝 试 使 用 该 C o o k i e ， 成 功 进 入 后 台 并 且 是 管 理 员 权 限 。 0 x 0 3   V U E / R E A C T 开 发 场 景 开 发 场 景 在 V U E / R E A C T 开 发 场 景 下   ， 前 端 开 发 会 引 入 如 模 块 化 等 诸 多 新 特 性 ， 前 端 开 发 不 再 是 几 个 简 单 的 j s 文 件 ， 开 发 完 成 后 会 通 过 w e b p a c k 等 打 包 工 具 打 包 生 成 部 署 使 用 的 j s 文 件 ， 但 是 如 果 我 们 直 接 分 析 该 编 译 的 j s ， 很 难 看 懂 。 比 如 我 这 个
d e m o ： h t t p s : / / b l o g . d o n o t . m e / a s s e t s / d e m o / i n d e x . h t m l ， 页 面 下 的 a p p . b u n d l e . j s 反 正 我 是 看 不 懂 写 的 是 啥 ， 这 个 j s 文 件 就 是 w e b p a c k 打 包 后 的 结 果 ， 但 是 由 于 我 是 开 启 了 s o u r c e - m a p 调 试 模 式 ， 如 果 你 是 用 c h r o m e 浏 览 器 打 开 的 ， 打 开 d e v t o o l s - s o u r c e s ， 应 该 可 以 看 到 一 个 w e b p a c k : / / ， 这 个 就 是 c h r o m e 对 s o u r c e - m a p 调 试 的 支 持 ， 点 开 s r c 目 录 下 就 可 以 看 到 j s 代 码 源 文 件 。 0 x 0 4   w e b p a c k 的 几 种 调 试 模 式 的 几 种 调 试 模 式 w e b p a c k 目 前 支 持 很 多 种 调 试 模 式 ， 每 种 模 式 的 区 别 是 编 译 后 的 代 码 和 源 码 的 映 射 方 式 不 同 ， 具 体 的 体 现 是 源 码 通 过 什 么 方 式 呈 现 ， 有 的 模 式 会 生 产 一 个 . m a p 文 件 ， 有 的 模 式 会 通 过 注 释 ， 有 的 模 式 会 使 用 D a t a U r l 的 方 式 。 模 式 模 式 解 释 解 释 ( n o n e ) 不 生 成 e v a l 每 个 m o d u l e 会 封 装 到 e v a l 里 包 裹 起 来 执 行 ， 并 且 会 在 末 尾 追 加 注 释   / / #   s o u r c e U R L = w e b p a c k : / / / . / s r c / i n d e x . j s s o u r c e - m a p 生 成 一 个 S o u r c e M a p 文 件 . 并 在 末 尾 添 加 注 释 。 h i d d e n - s o u r c e - m a p 和   s o u r c e - m a p   一 样 ， 但 不 会 在   b u n d l e   末 尾 追 加 注 释 . i n l i n e - s o u r c e - m a p 生 成 一 个 D a t a U r l 形 式 的   S o u r c e M a p   文 件 . e v a l - s o u r c e - m a p 每 个 m o d u l e 会 通 过 e v a l ( ) 来 执 行 ， 并 且 生 成 一 个 D a t a U r l 形 式 的 S o u r c e M a p . c h e a p - s o u r c e - m a p 生 成 一 个 没 有 列 信 息 （ c o l u m n - m a p p i n g s ） 的 S o u r c e M a p s 文 件 ， 不 包 含 l o a d e r 的 s o u r c e m a p （ 譬 如   b a b e l   的   s o u r c e m a p ） c h e a p - m o d u l e - s o u r c e - m a p 生 成 一 个 没 有 列 信 息 （ c o l u m n - m a p p i n g s ） 的 S o u r c e M a p s 文 件 ， 同 时 l o a d e r 的 s o u r c e m a p 也 被 简 化 为 只 包 含 对 应 行 的 。 w e b p a c k 不 仅 支 持 这 8 种 ， 而 且 它 们 还 是 可 以 任 意 组 合 上 面 的 e v a l 、 i n l i n e 、 h i d d e n 关 键 字 ， 就 如 文 档 所 说 ， 你 可 以 设 置 s o u r e m a p 选 项 为 c h e a p - m o d u l e - i n l i n e - s o u r c e - m a p 。 这 里 为 啥 要 搞 这 么 多 模 式 我 也 不 懂 ， n o d e j s 作 者 也 表 示 自 己 看 不 懂 ， 但 是 作 为 一 个 研 究 安 全 问 题 的 同 学 来 说 ， 我 可 以 不 关 心 具 体 使 用 了 哪 种 模 式 ， 任 何 一 种 开 启 了 s o u r c e - m a p 的 情 况 下 ， c h r o m e 开 发 者 工 具 会 帮 我 们 处 理 好 ， 而 我 们 只 需 要 通 过 开 发 者 工 具 下 的 w e b p a c k : / / 查 看 即 可 。 0 x 0 5   前 端 也 需 要 逆 向 工 程 前 端 也 需 要 逆 向 工 程 上 面 提 到 ， 在 开 启 了 s o u r c e - m a p 的 情 况 下 ， 可 以 直 接 分 析 原 始 代 码 ， 那 如 果 没 有 开 启 ， 该 怎 么 处 理 呢 ， 除 了 w e b p a c k 打 包 工 具 外 ， 相 信 你 还 听 过 W e b A s s e m b l y ， W e b A s s e m b l y 是 一 个 主 要 为 了 解 决 j s 的 性 能 问 题 而 诞 生 的 ， 其 运 作 方 式 与 j a v a 类 似 ， 将 高 级 语 言 编 译 成 字 节 码 然 后 在 W e b A s s e m b l y 虚 拟 机 中 运 行 ， 支 持 编 译 成 W e b A s s e m b l y 字 节 码 的 语 言 有
A s s e m b l y S c r i p t / C / C + + / R u s t / G o l a n g 等 ， 有 了 W e b A s s e m b l y ， 我 们 的 浏 览 器 将 会 同 时 加 载 和 运 行 两 种 类 型 的 代 码 — — J a v a S c r i p t 和 W e b A s s e m b l y ， 这 两 种 代 码 可 以 通 过 W e b A s s e m b l y 所 提 供 的 j s   a p i 实 现 互 相 调 用 ， 可 以 认 为 W e b A s s e m b l y 模 块 是 一 个 “ 高 性 能 的 J S 函 数 ”   ， 比 如 大 家 可 能 遇 到 需 要 在 前 端 进 行 m d 5 等 加 密 签 名 功 能 的 实 现 ， 就 很 适 合 使 用 W e b A s s e m b l y 来 完 成 ， 这 里 很 重 要 的 问 题 是 W e b A s s e m b l y 不 是 用 来 取 代 J a v a s c r i p t 的 。 这 里 有 一 个 简 单 的 d e m o 可 以 感 受 一 下 W e b A s s e m b l y 代 码 结 构 是 什 么 样 的 W e b A s s e m b l y t e s t d e m o ： ： 回 到 本 节 的 主 题 ， 当 前 端 使 用 W e b p a c k 打 包 ， 还 很 不 幸 未 开 启 S o u r c e - m a p 的 情 况 下 ， 以 及 W e b A s s e m b l y 场 景 下 ， 当 我 们 需 要 深 入 分 析 代 码 时 ， 需 要 使 用 反 编 译 工 具 ， 针 对 w e b p a c k 打 包 ， 笔 者 发 现 了 一 个 反 编 译 工 具 ， h t t p s : / / w w w . n p m j s . c o m / p a c k a g e / d e b u n d l e ， 但 是 经 过 测 试 ， 反 编 译 w e b p a c k 打 包 的 项 目 效 果 并 不 好 ， 笔 者 并 未 成 功 反 编 译 成 功 自 己 的 d e m o 项 目 ， 目 前 在 这 方 面 开 源 工 具 还 是 比 较 缺 少 的 状 态 。 如 果 有 同 学 使 用 该 工 具 比 较 成 功 的 反 编 译 了 w e b p a c k 打 包 项 目 欢 迎 交 流 。 针 对 W e b A s s e m b l y 有 比 较 成 熟 的 工 具 包 W A B T 工 具 包 用 于 反 编 译 ， 除 了 该 工 具 包 外 ， 也 有 使 用 I D A 插 件 进 行 反 编 译 的 方 法 F L A R E 脚 本 系 列 ： 使 用 i d a w a s m   I D A   P r o 插 件 逆 向 W e b A s s e m b l y （ W a s m ） 模 块 ， 由 于   篇 幅 和 主 题 限 制 ， 本 文 不 再 具 体 介 绍 这 些 工 具 的 使 用 ， 感 兴 趣 的 读 者 可 以 自 行 尝 试 。 0 X 0 6   总 结 总 结 随 着 前 端 开 发 的 不 断 演 进 ， 越 来 越 多 的 开 发 技 术 / 开 发 框 架 诞 生 ， 了 解 他 才 能 更 好 的 去 h a c k   i t 。 0 x 0 7   参 考 参 考 w e b p a c k 中 文 文 档 C o m m o n J S 、 r e q u i r e j s 、 E S 6 的 对 比 《 浅 谈 架 构 之 路 ： 前 后 端 分 离 模 式 》 w e b p a c k 文 档 - d e v t o o l s * 文 章 原 创 作 者 ： 傻 傻 傻 傻 傻 子 ， 本 文 属 于 文 章 原 创 作 者 ： 傻 傻 傻 傻 傻 子 ， 本 文 属 于 F r e e B u f 原 创 奖 励 计 划 ， 未 经 许 可 禁 止 转 载 原 创 奖 励 计 划 ， 未 经 许 可 禁 止 转 载 W e b A s s e m b l y   i s   d e s i g n e d   t o   m a i n t a i n   t h e   v e r s i o n l e s s ,   f e a t u r e - t e s t e d ,   a n d   b a c k w a r d s - c o m p a t i b l e   n a t u r e   o f   t h e   w e b .   W e b A s s e m b l y   m o d u l e s   w i l l   b e   a b l e   t o   c a l l   i n t o   a n d   o u t   o f   t h e   J a v a S c r i p t   c o n t e x t   a n d   a c c e s s   b r o w s e r   f u n c t i o n a l i t y   t h r o u g h   t h e   s a m e   W e b   A P I s   a c c e s s i b l e   f r o m   J a v a S c r i p t .   W e b A s s e m b l y   a l s o   s u p p o r t s   n o n - w e b   e m b e d d i n g s .
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理