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

55 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天

两个角度看Web安全

  • hacker————攻击
  • 开发者————防御

攻击

Cross-Site Scripting(XSS)

image.png

XSS主要利用了:

image.png 盲目信任用户提交的内容,将字符串直接应用于DOM操作。

特点

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

Stored XSS

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

Reflected XSS

  • 不涉及数据库
  • 从URL上攻击

DOM-based XSS

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

Reflected vs DOM-based

image.png

Mutation-based XSS

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

Cross-site request forgery(CSRF)

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

image.png

SQL Injection

image.png

Denial of Service(DoS)

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

ReDoS:基于正则表达式的DoS

image.png

Logical DoS

  • 耗时的同步操作
  • 数据库写入
  • SQL join
  • 文件备份
  • 循环执行逻辑

Distributed DoS(DDoS)

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

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

中间人攻击

image.png

防御

XXS

image.png

前端

  • 主流框架默认防御 XSS
  • google-closure-library

服务端(Node)

  • DOMPurify

CSRF

image.png

token

image.png

image.png

DoS

Regex DoS

image.png

Logical DoS

image.png

DDoS

image.png

中间人

使用https

image.png

特性

  • 可靠性:加密
  • 完整性:MAC验证
  • 不可抵赖性:数字签名

image.png

完整性

image.png

数字签名

image.png

总结

虽然作为一个初学者目前还用不到这些方法,但是这些操作使我非常感兴趣,希望以后会有更深入的学习。