这是我参与「第四届青训营」笔记创作活动的的第3天

让我们开启web安全之旅吧

1.分类

攻击者角度--hacker

攻击篇

1.跨站脚本攻击--Cross-site Scripting（XSS）

1.特点

通常难以从UI上感知（暗地执行脚本）
窃取用户信息（cookie/token）
绘制UI（例如弹窗），诱骗用户点击/提交表单

2.分类

1. Stored XSS

恶意脚本被存在数据库中
访问页面->读数据->被攻击
危害最大，对全部用户可见

2. Reflected XSS

不涉及数据库
从URL上进行攻击

host/path?param=<script>alert('123')</script>
public async render(ctx){
    const {param} = ctx.query;
    ctx.status = 200;
    ctx.body = '<div>${param}</div>
}

3. DOM-based XSS

不需要服务器的参与
恶意攻击的发起+执行，全在浏览器完成

host/path?param=<script>alert('123')</script>
const content = new URL(location.href).searchParams.get("param");
const div = document.createElement("div");
div.innerHTML = content;
document.body.append(div);

4. Mutation-based XSS

利用了浏览器渲染DOM的特性（独特优化）
不同浏览器会有区别（按浏览器进行攻击）

2.跨站伪造请求--Cross-site request forgery（CSRF）--在用户不知情的前提下，利用用户权限（cookie），构造指定HTTP请求，窃取或修改用户敏感信息

CSRF-GET

<a href="https://bank.com/transfer?to=hacker&amount=100">点我抽奖</a>
<img style="display:none;" src="https://bank.com/transfer?to=hacker&amount=100"/>

CSRF-beyond GET

<form action="https://bank/transfer_tons_of_money" method="POST>
    <input name="amount" value="10000000000000" type="hidden"/>
    <input name="to" value="hacker" type="hidden"/>
</form>

Injection--注入

1.SQL Injection

#读取请求字段
#直接以字符串的形式拼接SQL语句
public async renderForm(ctx){
    const {username,form_id} = ctx.query;
    const result = await sql.query(
        'SELECT a,b,c FROM table
        WHERE username = ${username}
        AND form_id = ${form_id}');
        ctx.body = renderForm(result);
}