聊聊前端安全之CSRF

news2024/11/27 8:21:03

本文作者为奇舞团前端开发工程师

一、什么是CSRF

 CSRF(Cross Site Request Forgery,跨站域请求伪造),通常缩写为 CSRF。CSRF攻击是攻击者通过伪装成受信任用户向服务器发起各种请求,达到欺骗服务器接收并执行指令,造成的一系列危害的一种网络攻击方式。

834ea391b6ab1789d418e31c6cf357da.png

二、CSRF的原理

3aa1bd1023797c353ef432eaa834a099.png

原理流程图形化展示如上图所示,下面为原理流程释义:

  1. 用户正常登录A网站,登录成功后,A网站将Cookies保存在用户浏览器中

  2. 黑客通过散发信息,诱导用户访问恶意网站B 

  3. 在恶意网站B中,使用诱导信息,诱导用户点击链接或者按钮,触发发送恶意指令给A网站的操作

  4. 浏览器携带着当前用户在A网站的身份认证信息(Cookies等),向A网站发送用户并未授权的恶意指令

  5. 服务器在收到信息后,不会分辨也无法分辨是否是用户真实的指令,便执行了恶意指令

  6. 至此攻击成功

三、CSRF的危害

伪造用户授权,执行恶意操作。例如:修改用户的头像、发消息、修改收货地址、修改密码、添加/删除好友等等操作。

四、CSRF的实践

当前有两个网站,一个正常的网站A(www.sheep.com),一个恶意网站B(www.evil.com) 首先用户正常登录网站A,账号admin 密码 admin

53f0560696dea840806ce9970be09828.png

登录后的效果

cd031128917cdb95f2380adf2e27cd74.png用户此时可以浏览网页新闻,可以点击退出,可以修改密码 (这里为了演示效果,做了两个修改密码的功能,一个是增加了CSRF防御的修改密码功能,一个是未添加CSRF防御的修改密码功能)

首先看一下未添加CSRF防御的修改密码功能

ba1709246bccc5dc76973e5afb744993.png

前端代码

<head> 
  <meta charset="UTF-8"> 
  <title>修改密码</title> 
 </head> 
 <body> 
 <form action="updatePass.php" method="post"> 
  <input type="password" name="password"> 
  <input type="submit" name="update" value="修改"> 
 </form> 
 </body>

尝试修改密码为6个1,修改后的结果

b4fd14f405c0fd61dd822f9dc07b4036.png

后端php代码

if(!empty($_REQUEST['update'])){
    if(!empty($_SESSION['user'])){
        $fp= fopen("check", "r");
        while ($userinfo = fscanf($fp, "%s\t%s")) {
           list ($name, $password) = $userinfo;
        }
        fclose($fp);
        $str="admin ".$_REQUEST['password'];
        $fp1= fopen("check", "w");
        fwrite($fp1,$str);
        echo "新密码已更新:账号:$name 密码:".$_REQUEST['password'];
        fclose($fp1);
        echo "&nbsp;&nbsp;&nbsp;<a href='index.php'>返回&nbsp;&nbsp;&nbsp;";
        echo "<a href='logout.php?logout=1'>退出</a>";
    }else{
       echo "非法访问,请登录。<a href='index.html'>点此处返回</a>";
    }
}else{
    die();
}

此时的功能未做任何CSRF防御,若此时用户在未退出登录的情况下,访问了恶意网站B

bbdffec0f8973e8018e077785678bcf7.png

在恶意网站B中设置了两种攻击模式,一种为form表单攻击,一种为a标签攻击。

form表单模式:

首先看下form表单攻击,我们将恶意form表单藏在了一个红包图片里诱导用户点击红包

3471c63325dd19ed15373341a5a8ea9f.png

用户点击完红包后,密码被修改为999999

5e9e0e8918b3fda1dbbba4cb4f6530bf.png

恶意表单核心代码

<form name="forms" action="http://www.sheep.com/CSRFTest/updatePass.php" method="POST">
    <input type="hidden" name="password" value="999999" />
    <input type="hidden" name="update" value="123" />
    <div class="img-box">
      <div  class="img-box-text">点击右侧图片开始参加抢红包活动</div>
      <img class="img-box-img" src="./img/hongbao.jpeg" alt="submit" onClick="return check(document.forms); " />
    </div>
  </form>

a标签模式:

模拟a标签攻击,我们伪造了一个360导航网址,将恶意a标签藏在了放假安排处,在用户点击放假安排后触发攻击

87bc8dceaf4a2c58579979fffdd6a6c9.png

877bc22e1a20b6dcde3749488ba06242.png

核心代码展示

<a class="rs_calendar" id="astro" href="http://www.sheep.com/CSRFTest/updatePass.php?password=222222&update=%E4%BF%AE%E6%94%B9">放假安排</a>

在模拟测试环境下,demo写的不是很逼真,在真实场景下,该恶意页面会伪造的非常逼真,且会做到无感知,即在点击完抢红包后,会通过编写代码返回抢红包成的结果,不会返回原始修改密码成功的结果,从而实现全流程用户被攻击而无感知。

在防御方面,我们增加了表单的Token验证以及Token单次验证失效的判断

421b5c44259fcb7511de505647c7920c.png

df018be0da871a711fe944bc5dd0e820.png

可以看到,在每次表单获取的时候,都获取了一个随机Token 提交表单代码

以下是防止CSRF攻击的提交表单的页面代码

<?php
session_start();
if(empty($_SESSION['user'])){
    Header("Location: index.html");
    die();
}else{
    //$token=1;
    $token = md5(uniqid(rand(1000,9999), TRUE));
   // echo $token;
    $_SESSION['token'] = $token;
    $_SESSION['CheckNum'] =1;
}
?><head>
 <meta charset="UTF-8">
<title>防止CSRF修改密码</title>
 </head>
 <body>
  <form action="updatePassTocken.php" method="post">
      <input type="password" name="password">
      <input type="hidden" name="tocken" value="<?=$_SESSION['token'] ?>">
      <input type="submit" name="update" value="修改">
  </form>
 </body>

以下是增加了CSRF防御的后端php代码(密码修改)

<?php
 error_reporting(E_ALL^E_NOTICE);
 session_start();
if(!empty($_REQUEST['update'])){
    if(!empty($_SESSION['user'])){
        if(!empty($_REQUEST['tocken'])&&($_SESSION['token']==$_REQUEST['tocken'])){
            if($_SESSION['CheckNum']==1){
                $_SESSION['CheckNum']=2;
                $fp= fopen("check", "r");
                while ($userinfo = fscanf($fp, "%s\t%s")) {
                    list ($name, $password) = $userinfo;
                }
                fclose($fp);
                $str="admin ".$_REQUEST['password'];
                $fp1= fopen("check", "w");
                fwrite($fp1,$str);
                echo "新密码已更新:账号:$name 密码:".$_REQUEST['password'];
                fclose($fp1);
                echo "&nbsp;&nbsp;&nbsp;<a href='index.php'>返回&nbsp;&nbsp;&nbsp;";
                echo "<a href='logout.php?logout=1'>退出</a>";
            }else{
                echo "只允许提交一次请求!";
            }
        }else{
             echo "发现CSRF攻击!";
        }
    }else{
        echo "非法访问,请登录。<a href='index.html'>点此处返回</a>";
    }
}else{
    echo "请从官方地址点击访问,<a href='index.html'>点此处返回</a>";
    die();
}

若是从表单提交的则会修改成功

ddba01f1798055d010d43c2d90c5fff2.png

若此时访问恶意网站B,发起CSRF攻击

95ae0274c526c338d5bc608e85e154b4.png

点击模拟攻击按钮

2c08b7e6c133e13bd23eb1a7b9677632.png

我们可以看到,增加了CSRF验证功能后,攻击者无法成功攻击。

五、那么,该如何防御CSRF攻击

一般防御方法:


1、添加Referer 来源验证 。

Referer的值是否是指定页面,或者网站的域,如果都不是,那么就极可能是CSRF攻击。因为服务器并不是什么时候都能取到Referer,所以也无法作为CSRF防御的主要手段。

2、核心功能增加二次校验(短信验证、邮箱验证、图片验证码等等)。

但是验证码,强制用户必须与应用进行交互,才能完成最终请求。在通常情况下,验证码能很好遏制CSRF攻击。但是出于用户体验考虑,网站不能给所有的操作都加上验证码。因此验证码只能作为一种辅助手段,不能作为主要解决方案。

核心防御方法:

1、增加随机Token验证,Token验证一次失效。

      每一个网页包含一个web server产生的token,提交时,也将该token提交到服务器,服务器进行判断,如果token不对,就判定为CSRF攻击。这个Token的值必须是随机的,不可预测的。由于Token的存在,攻击者无法再构造一个带有合法Token的请求实施CSRF攻击。

- END -

关于奇舞团

奇舞团是 360 集团最大的大前端团队,代表集团参与 W3C 和 ECMA 会员(TC39)工作。奇舞团非常重视人才培养,有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择,并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。

ca4d1e9756ebca4ad3a58bcd6752f2bd.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/143227.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【数据结构】顺序表

【本篇内容】线性表顺序表线性表线性表是n个具有相同特性的数据元素的有限序列。常见的线性表&#xff1a;顺序表、链表、栈、队列、字符串......线性表在逻辑上是线性结构&#xff0c;但是在物理结构上并一定是连续的&#xff0c;线性表在物理上存储时&#xff0c;通常是以数组…

保证原子性的几种方式,你都知道吗???

1. 前言 今天主要是从实战 浅谈原理的角度来说下&#xff0c;并发线程下原子性的几种处理方式&#xff0c;好了废话不多说了&#xff0c;接下来让我们看看吧 2. 开始 在开始之前需要提问下大家, 代码i ; 能保持原子性吗&#xff1f;&#xff1f;&#xff1f; 是不是一句话就执…

C++——命名空间,输入输出,缺省参数

✅<1>主页&#xff1a;我的代码爱吃辣 &#x1f4c3;<2>知识讲解&#xff1a;数据结构——二叉树 &#x1f525;<3>创作者&#xff1a;我的代码爱吃辣 ☂️<4>开发环境&#xff1a;Visual Studio 2022 &#x1f4ac;<5>前言&#xff1a;补充C语言…

Java 诊断利器 Arthas JVM命令

一、jvm 相关命令介绍 命令说明dashboard当前系统的实时数据面板getstatic查看类的静态属性heapdumpdump java heap, 类似 jmap 命令的 heap dump 功能jvm查看当前 JVM 的信息logger查看和修改 loggermbean查看 Mbean 的信息memory查看 JVM 的内存信息ognl执行 ognl 表达式per…

【Android春招】Android基础day2

一、填空题 1&#xff0e;除了开启开发者选项之外&#xff0c;还需打开手机上的 _ 开关&#xff0c;然后才能在手机上调试App。 USB调试 2&#xff0e;App开发的两大技术路线包括 _和混合开发。 原生开发 3&#xff0e;App工程的编译配置文件名为 _。 build.gradle 4&#xff0…

挂载光盘,配置yum源并且安装http软件包 ansible(4)

目录 一、挂载本地光盘到/mnt 二、配置yum源 一、挂载本地光盘到/mnt 第一步&#xff1a; 使用mount模块 注&#xff1a;fstype代表文件格式 二、配置yum源 第一种方法&#xff1a; 使用yum_repository模块 检验是否有对应文件在受控主机node1受控主机&#xff1a;node2受控…

Zipkin数据持久化配置

上一篇我们了解了Zipkin的基础知识以及Zipkin的服务端搭建。 在使用过程中很多同学发现了他的秘密&#xff0c;Zipkin模式将数据保存在内存中&#xff0c;当我们重启后&#xff0c;追踪数据便会丢失。其实&#xff0c;Zipkin也支持将追踪数据保存到MySql或者ES中。 持久化到M…

大数据基础平台搭建-(四)HBbase集群HA+Zookeeper搭建

大数据基础平台搭建-&#xff08;四&#xff09;HBbase集群HAZookeeper搭建 大数据平台系列文章&#xff1a; 1、大数据基础平台搭建-&#xff08;一&#xff09;基础环境准备 2、大数据基础平台搭建-&#xff08;二&#xff09;Hadoop集群搭建 3、大数据基础平台搭建-&#xf…

Linux学习笔记——Nginx安装部署

5.3、Nginx安装部署 5.3.1、简介 Nginx&#xff08;engine x&#xff09;是一个高性能的HTTP和反向代理Web服务器&#xff0c;同时也提供了IMAP/POP3/SMTP服务。 同Tomcat一样&#xff0c;Nginx可以托管用户编写的WEB应用程序成为可访问的网页服务&#xff0c;同时也可以作为…

二十七、Docker (3)

&#x1f33b;&#x1f33b; 目录一、java开发者Docker常用镜像容器创建&#xff08;本地&#xff09;1.1 资源上传1.2 还原部署1.2.1 部署jdk1.2.2 部署tomcat1.2.3 部署nginx1.2.4 部署mysql二、java开发者Docker常用镜像容器创建(官网拉取)2.1 jdk部署2.1.1 拉取jdk镜像2.1.…

verilog学习笔记- 7)verilog程序框架

目录 注释&#xff1a; 关键字&#xff1a; Verilog常用的关键字&#xff1a; 程序框架&#xff1a; 注释&#xff1a; Verilog HDL 中有两种注释的方式&#xff0c;一种是以“/*”符号开始&#xff0c;“*/”结束&#xff0c;在两个符号之间的语句都 是注释语句&#xff…

7-10 集合相似度

给定两个整数集合&#xff0c;它们的相似度定义为&#xff1a;Nc​/Nt​100%。其中Nc​是两个集合都有的不相等整数的个数&#xff0c;Nt​是两个集合一共有的不相等整数的个数。你的任务就是计算任意一对给定集合的相似度。 输出格式&#xff1a; 对每一对需要计算的集合&…

DaVinci:键 - 键混合器

调色页面&#xff1a;键Color&#xff1a;Key当选中一个键混合器节点时&#xff0c;键 Key调板上对应显示键混合器 Key Mixer的相关选项。键混合器节点默认有两个输入链接。可在键混合器节点上右击选择“添加”或“移除”一个输入。所有的输入链接和惟一的输出链接均可在键调板…

Elasticsearch在各大互联网公司大量真实的应用案例

国内现在有大量的公司都在使用 Elasticsearch&#xff0c;包括携程、滴滴、今日头条、饿了么、360安全、小米、vivo等诸多知名公司。 除了搜索之外&#xff0c;结合Kibana、Logstash、Beats&#xff0c;Elastic Stack还被广泛运用在大数据近实时分析领域&#xff0c;包括日志分…

SQL如何在数据库中执行

数据库的服务端&#xff0c;可分为执行器(Execution Engine) 和 存储引擎(Storage Engine) 两部分&#xff1a; 执行器负责解析SQL执行查询存储引擎负责保存数据 1 SQL如何在执行器中执行 # 查询用户ID大于50的用户的所有订单 SELECT u.id AS user_id, u.name AS user_name,…

详解回调函数

目录 前言 一、 实现一个简单的计算器 1.1 - 代码一 1.2 - 代码二 二、qsort 函数的介绍 三、改进冒泡排序函数 前言 回调函数就是一个通过函数指针调用的函数。如果把函数的指针&#xff08;地址&#xff09;作为参数传递给另一个函数&#xff0c;当这个指针被用来调用其…

微信公众号调用扫一扫功能

手把手教你调用微信扫一扫&#xff0c;三分钟包会_前端人的博客-CSDN博客_调用微信扫一扫 第一次搞公众号&#xff0c;还以为跟上回调用企业微信扫一扫一样。。。调起扫一扫功能的过程自然是不同的&#xff0c;要注意的地方还挺多&#xff0c;记录一下 。 其实&#xff0c;在使…

2023最新网络安全自学路线,内容涵盖3-5年技能提升

前言 先预祝大家新年快乐&#xff01; 【一一帮助网络安全入门和提升点这里一一】 01 什么是网络安全 网络安全可以基于攻击和防御视角来分类&#xff0c;我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术&#xff0c;而“蓝队”、“安全运营”、“安全运维”则研究…

改进MBR(操作显卡来输出字符)

文章目录前言前置知识mbr.S代码实验操作前言 本博客记录《操作系统真象还原》第二章第一个实验操作~ 实验环境&#xff1a;ubuntu18.04VMware &#xff0c; Bochs下载安装 实验内容&#xff1a;在屏幕上打印字符串【采用的方式是直接修改显存实现】 实验原因&#xff1a;mb…

Flutter性能优化

原理 Flutter的架构主要分成三层&#xff1a;Framework&#xff0c;Engine和Embedder Framework 使用 dart 实现&#xff0c;包括 Material Design 风格的Widget&#xff0c;Cupertino(针对iOS)风格的Widgets&#xff0c;UI/文本/图片/按钮等基础 Widgets&#xff0c;渲染&…