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

48 阅读1分钟

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

课程重点

从攻击、防御两个视角,简要介绍前端范畴内常见的安全问题,包括 XSS、CSRF、SQL 注入、DOS 等。

详细知识点介绍

web安全一窥

image.png

攻击篇

cross-site scripting(xss)

image.png

image.png

xss的一些特点

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

xss demo

image.png

image.png

stored xss

image.png

reflected xss

image.png

reflected xss demo

image.png

dom-based xss

image.png

dom-based xss demo

image.png

reflected vs dom-based

image.png

Mutation-based xss

image.png

image.png

cross-site request forgery(csrf)

image.png

csrf demo

image.png

get

image.png

beyond get

image.png

injection

sql injection

image.png

demo

image.png

image.png

injection 不止于sql

image.png

demo

image.png

image.png

image.png

ssrf

demo

image.png

denial of service(dos)

image.png

正则表达式-贪婪模式

image.png

redos:基于正则表达式的dos

image.png

logical dos

image.png

logical dos demo

image.png

distributed dos(ddos)

image.png

ddos 攻击特点

image.png

ddos demo

image.png

传输层

中间人攻击

image.png

防御篇

xss

image.png

现成工具

image.png

image.png

image.png

image.png

image.png

image.png

image.png

同源策略

image.png

csp

image.png

image.png

csrf

image.png

image.png

image.png

image.png

image.png

sameSite Cookie

image.png

image.png

image.png

image.png

image.png

FirstPartyCookie

3PartyCookie

image.png

防御csrf的正确姿势

image.png

image.png

image.png

防御dos

image.png

image.png

image.png

传输层-防御中间人

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

sri

image.png

image.png

image.png

image.png

image.png

引用参考

Web 开发的安全之旅