Web开发安全

最新推荐文章于 2025-01-28 06:33:40 发布

原创最新推荐文章于 2025-01-28 06:33:40 发布 · 2.8k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#安全 #前端 #https

青训营专栏收录该内容

11 篇文章

订阅专栏

Web开发安全

参加字节跳动的青训营时写的笔记。这部分是刘宇晨老师讲的课。

个人博客(欢迎光临)：Web开发安全(赤蓝紫)

1. 攻击

1.1 跨站脚本攻击(XSS)

XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。

如填写表单信息时，如果盲目相信用户的提交内容，那么假如用户填写了类似<script>alert("注入恶意代码")</script>的信息，然后直接通过element.innerHTML把用户提交的代码存起来的话，那么工具者就可以实现攻击了。

比较巧妙的攻击方式：

XSS特点：

通常难以从UI上发现，因为是在暗地里执行脚本
可以窃取用户信息(cookie、token)
还可以绘制UI(如弹窗)，诱骗用户点击

demo：

1.1.1 Stored XSS

把恶意脚本存储在被攻击网站的数据库中。当其他人访问页面时，回去读数据，然后就会执行到数据库中的恶意脚本，从而被攻击。危害最大，对全部用户可见

1.1.2 Reflected XSS

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

1.1.3 DOM-based XSS

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

和Reflected XSS很像，不过，Reflected XSS的恶意脚本是注入到服务器中，而DOM-based XSS的恶意脚本是注入到浏览器中，而且攻击不需要服务器的参与

1.1.4 Mutation-based XSS

利用浏览器渲染DOM的特性(独特优化)
按浏览器进行攻击

2. 跨站伪造请求CSRF

CSRF攻击：在用户不知情的前提下，利用用户权限(cookie)，构造HTTP请求，窃取或修改用户敏感信息。

经典例子：银行转账

首先，a为了转账给b10000元，于是a登录银行页面进行转账操作, 还没有推出登录，又收到中奖通知链接(假的或者是只有小额鱼饵)，a点击链接，并点击领奖按钮。然后发现钱被转走了100000元了。

CSRF攻击原理：利用cookie的自动携带特性，在其他网站向你的网站发送请求时，如果网站中的用户没有退出登录，而发送的请求又是一些敏感的操作请求(如转账)，则会给用户带来巨大的损失。

3. 注入攻击injection

3.1 SQL注入

demo

4. Dos

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

4.1 ReDoS

例子：上网找到了讲的非常好的文章

正则表达式所引发的DoS攻击(ReDoS)

4.2 Distributed DOS(DDoS)

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

攻击特点：

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

DDoS攻击 demo：SYN Flood

原理：TCP的三次握手

如果客户端给服务器发送的ACK丢失的话，服务器不知道丢失，会等客户端的ACK，超时后重新发送SYN-ACK消息给客户端，直到重试超过一定次数才会放弃。

而SYN Flood就是通过发送大量的SYN，但是不给服务器发送ACK，从而耗尽服务器的资源。

5. 中间人攻击

2. 防御

2.1 XSS

方案：

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

现成工具：

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

2.2 CSRF

2.2.1 同源政策

浏览器的同源政策：A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。(出自阮一峰的网络日志)

协议相同
域名相同
端口相同

同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。

2.2.2 CSP

CSP(Content Security Policy)：内容安全策略

决定好哪些源(域名)是安全的
来自安全源的脚本可以执行，否则直接报错
对于eval / inline script 直接禁止

两种形式：

服务器的响应头部：
浏览器meta

2.2.3 CSRF防御(token)

2.2.4 SameSite Cookie

避免用户信息被携带

下面的部分参考自Cookie 的 SameSite 属性

Cookie的SameSite属性用来限制第三方Cookie，从而减少安全风险。

可以设置成三个值：

Strict：最严格。完全禁止第三方Cookie，跨站点时，任何情况都不会发送Cookie
```
Set-Cookie: CookieName=CookieValue; SameSite=Strict;
```
用户体验不会很好。比如访问别人的项目网站时，有个fork me链接到github，然后点击跳转不会带有github的token，所以跳转过后，都会是未登录状态
Lax：大多数情况不发送第三方Cookie，但是导航到目标地址的GET请求会发送。
```
Set-Cookie: CookieName=CookieValue; SameSite=Lax;
```
导航到目标地址的GET请求：链接、预加载、GET表单

设置了Strict或Lax之后，基本杜绝了CSRF攻击。
None：显示关闭SameSite属性。前提是需要同时设置Secure属性(Cookie只能通过HTTPS协议发送)，否则无效
```
Set-Cookie: widget_session=abc123; SameSite=None; Secure	
```
应用场景是依赖Cookie的第三方服务：如网站内嵌其他网站的播放器，开启SameSite属性后，就识别不了用户的登录态，也就发不了弹幕了