Web开发安全之旅 | 青训营笔记

97 阅读2分钟

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

攻击类型

XSS(Cross-Site Scripting)

image.png image.png

XSS的特点:

  • 通常难以从UI上感知(暗地执行脚本)
  • 窃取用户信息(cookie/token)
  • 绘制UI(例如弹窗),诱骗用户点击/填写表单

Stored XSS

Reflected XSS

DOM-based XSS

Mutation-based XSS

CSRF(Cross-site request forgery)

CSRF特点:

  • 在用户不知情的前提下
  • 利用用户权限(cookie)
  • 构造指定HTTP请求,窃取或修改用户敏感信息

CSRF demo

image.png

Injection

SQL Injection

image.png

DoS(Denial of Service)

通过某种方式(构造特定请求),导致服务器资源被显著消耗,来不及响应更多请求,导致请求挤压,进而雪崩效应。

ReDoS: 基于正则表达式的DoS

DDoS(Distributed DoS)

短时间内,来自大量僵尸设备的请求流量,服务器不能及时完成全部请求,导致请求堆积,进而雪崩效应,无法响应新请求。

特点:

  • 直接访问IP
  • 任意API
  • 消耗大量带宽(耗尽)

DDoS demo

image.png

中间人攻击

image.png

防御措施

XSS

永远不信任用户提交的内容,不要将用户提交的内容直接转换成DOM

image.png

现成XSS防御工具:

  • 前端
    • 主流框架默认防御XSS
    • google-closure-library
  • 服务端(node)
    • DOMPurify

如果需求就是必须动态生成DOM😅

  1. ⚠⚠string -> DOM:对string进行转义
image.png
  1. ⚠⚠上传svg:对svg文件进行扫描,防止插入标签进行XSS攻击
image.png
  1. ⚠⚠自定义跳转链接:尽量不要让用户自定义跳转链接,如果允许就要做好过滤
image.png
  1. ⚠⚠自定义样式:留意用户自定义的字体、图片链接等
image.png

CSP(Content Security Policy)

CSP:

  • 哪些源(域名)被认为是安全的
  • 来自安全源的脚本可以执行,否则直接抛错
  • 对eval + inline script说🚫

CSRF的防御

image.png