首页 > 其他分享 >深入解析 Web 应用中的 CHIPS(Partitioned Cookie Attribute)

深入解析 Web 应用中的 CHIPS(Partitioned Cookie Attribute)

时间:2024-11-23 16:30:49浏览次数:6  
标签:Web Partitioned Attribute 站点 隐私 Cookie com CHIPS

深入解析 Web 应用中的 CHIPS(Partitioned Cookie Attribute)

最新发现flask3.1.0 的版本引入了新的特性:对CHIPS的支持。不少同学对这个可能有点陌生,本文带大家了解一下。

为了在隐私保护和功能需求之间取得平衡,Google 推出了 CHIPS(Cookies Having Independent Partitioned State) 标准。它通过引入 Partitioned Cookie Attribute,允许跨站点环境下的独立 Cookie 存储,为特定场景提供隐私友好的解决方案。


一、CHIPS 的起源

传统的 Cookie 存储机制包括 第一方 Cookie第三方 Cookie

  • 第一方 Cookie:由用户访问的站点设置,用于会话管理、用户偏好等。
  • 第三方 Cookie:由嵌入到站点中的第三方资源(如广告或分析脚本)设置,用于跨站跟踪。

由于隐私问题,浏览器开始逐步限制第三方 Cookie。例如:

  • Safari 的 Intelligent Tracking Prevention (ITP)
  • Firefox 的 Enhanced Tracking Protection (ETP)
  • Chrome 的计划(Privacy Sandbox)将逐步淘汰第三方 Cookie。

然而,限制第三方 Cookie 会导致某些合法的跨站点功能失效,例如嵌入式服务的会话保持。为了满足这些场景的需求,CHIPS 应运而生。


二、CHIPS 的目的

CHIPS 的主要目标是为跨站点环境下的 Cookie 存储提供一种隐私友好的解决方案:

  1. 隐私保护:通过分区存储,避免第三方 Cookie 被用于跨站追踪。
  2. 功能性支持:允许跨站点场景(如嵌入式内容)拥有独立的 Cookie 存储,不受其他站点的干扰。
  3. 兼容性:减少浏览器对传统跨站点功能的影响,确保用户体验。

三、CHIPS 的设计

CHIPS 的核心设计是引入了 Partitioned 属性,用于定义 Cookie 的存储隔离规则:

1. 分区机制

  • 在跨站点请求中,浏览器为每个 Top-Level Origin(顶级站点)Embedded Origin(嵌入站点) 创建独立的 Cookie 分区。
  • 分区的关键由 (Top-Level Origin, Embedded Origin) 组成。例如:
    • 用户在 example.com 页面嵌入了 iframe.analytics.com
    • 分区后,analytics.comexample.com 中的 Cookie 不会与 analytics.com 在其他站点的 Cookie 冲突。

2. Partitioned 属性

CHIPS 的关键属性是 Partitioned,它必须与 SameSite=None; Secure 一起使用。示例:

Set-Cookie: user_session=abc123; Path=/; Secure; SameSite=None; Partitioned
  • Secure:必须通过 HTTPS 设置。
  • SameSite=None:允许跨站点访问。
  • Partitioned:指定 Cookie 为分区 Cookie。

四、CHIPS 的工作原理

  1. 设置 Partitioned Cookie

    • 在 HTTP 响应头中返回带有 Partitioned 属性的 Cookie。
    • 浏览器将为特定的 (Top-Level Origin, Embedded Origin) 创建独立的 Cookie 存储。
  2. 存储和检索

    • 当用户访问 example.com 页面,嵌入的 iframe.analytics.com 会使用其自己的 Cookie 分区。
    • 即使用户访问其他顶级站点(如 another.com)也嵌入了 iframe.analytics.com,它的 Cookie 状态是独立的。
  3. 隐私保证

    • Cookie 的分区存储仅限于当前顶级站点上下文,无法用于跨站追踪。

五、CHIPS 的实际应用

1. 嵌入式第三方服务

场景:嵌入到站点的第三方支付、聊天工具等需要维持用户的会话状态,但不能访问其他站点的用户信息。

2. 广告网络优化

广告平台可以为每个顶级站点独立存储用户的点击数据,避免与其他站点数据混合。

3. 分析工具

像 Google Analytics 这样的工具可以使用 Partitioned Cookie 来跟踪同一顶级站点内的用户活动,同时避免跨站点的隐私问题。


六、如何在后端使用 CHIPS

以下是使用 Python 的 Web 框架(Flask 和 Django)的示例,展示如何在后端设置 Partitioned Cookie。

1. Flask 示例

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/')
def set_cookie():
    response = make_response("Partitioned Cookie Set!")
    # 设置 Partitioned Cookie
    response.set_cookie(
        'user_session', 
        'abc123', 
        path='/', 
        secure=True, 
        samesite='None', 
        httponly=True
    )
    response.headers.add('Set-Cookie', 'user_session=abc123; Path=/; Secure; SameSite=None; Partitioned')
    return response

if __name__ == '__main__':
    app.run(ssl_context='adhoc')

2. Django 示例

from django.http import HttpResponse

def set_cookie(request):
    response = HttpResponse("Partitioned Cookie Set!")
    response.set_cookie(
        'user_session',
        'abc123',
        path='/',
        secure=True,
        samesite='None',
        httponly=True
    )
    # 手动添加 Partitioned 属性
    response['Set-Cookie'] = 'user_session=abc123; Path=/; Secure; SameSite=None; Partitioned'
    return response

七、如何在前端使用 CHIPS

前端开发者需要确保以下几点:

  1. 确保通过 HTTPS 加载页面和嵌入内容Secure 属性要求 Cookie 只能通过 HTTPS 传输。
  2. 正确配置 SameSite 属性:必须设置为 SameSite=None
  3. 加载 iframe 或嵌入资源时传递 Cookie
    • 使用 <iframe> 标签时,需指定 allow 属性:
      <iframe src="https://analytics.com" allow="partitioned-cookies"></iframe>
      
    • 或在 fetch 请求中指定 credentials: 'include'
      fetch('https://analytics.com/data', {
          credentials: 'include'
      });
      

八、CHIPS 的优势与局限性

优势

  1. 隐私友好:解决了跨站点 Cookie 滥用问题。
  2. 支持合法跨站场景:如嵌入式服务、支付网关等。
  3. 与现代隐私政策兼容:符合 GDPR 等隐私法规的要求。

局限性

  1. 浏览器兼容性:目前仅部分现代浏览器支持 CHIPS。
  2. 复杂性增加:开发者需要额外配置 Cookie 和跨站请求。

九、总结

CHIPS 提供了一种隐私友好的跨站点 Cookie 管理方式,通过分区存储解决了传统第三方 Cookie 的隐私问题。在 Web 应用中,开发者可以通过后端设置带有 Partitioned 属性的 Cookie,并在前端正确传递和管理这些 Cookie,实现安全可靠的跨站功能。

随着 Web 隐私标准的不断演进,CHIPS 将成为构建现代 Web 应用的关键工具之一。如果你的应用需要支持跨站场景,赶快尝试使用 CHIPS 优化隐私和功能吧!

标签:Web,Partitioned,Attribute,站点,隐私,Cookie,com,CHIPS
From: https://blog.csdn.net/qq_32763643/article/details/143990729

相关文章

  • 前端游戏网站【GAME】大学生web期末大作业 html+css+js
    目录1.项目介绍2项目展示3.代码部分4.联系我 1.项目介绍这是大一时候写的一个前端游戏网站,包括了火影忍者,原神,蛋仔派对(没有写完),英雄联盟(没有写完),现在才想起来有怎么一个项目可以分享出来可以练练手。2项目展示前面使用html+css+js:Div、导航栏、图片轮翻效果、视频......
  • app&小程序&web安全—sign签名绕过
    一、环境准备本文测试环境为JeecgBoot,代码链接:jeecgboot/Github环境配置链接:IDEA启动项目-JeecgBoot文档中心配置好依赖和数据库后启动后端:org.jeecg.JeecgSystemApplication启动Vue3前端,点击dev,Jeecg启动!二、阅读代码(后端)关于签名函数的位置我不太会定位,是通过......
  • 基于Web的酒店客房部信息管理系统设计与实现(源码+定制+讲解)用户友好的酒店客房管理系
    博主介绍:  ✌我是阿龙,一名专注于Java技术领域的程序员,全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师,我在计算机毕业设计开发方面积累了丰富的经验。同时,我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导,我致力于帮助更多学生......
  • 2024赣ctf-web -wp
    1.你到底多想要flag???首先来解决第一关:先了解一下stripos();并且此函数处理数组返回false。而且pre_match同样遇见数组是返回false(解释一下正则i:这是正则表达式的修饰符,代表“不区分大小写”,意味着“FLAG”、“Flag”等大小写形式都会被匹配。s:这是正则表达式的修饰符,代表......
  • 关于自己写阿里云OSS相关工具类的自动配置(黑马web开发day14)
    阿里云OSS的自动配置主要分为:驱动类:aliyun-oss-spring-boot-autoconfigure自动配置类:aliyun-oss-spring-boot-starter文章目录aliyun-oss-spring-boot-starter创建aliyun-oss-spring-boot-starteraliyun-oss-spring-boot-autoconfigure创建aliyun-oss-spring-boot-aut......
  • javaweb基于SSH开发简单的新闻文章管理系统源码(前台+后台) 课程设计 大作业
    作品编号:1113数据库:mysql后端技术:SSH......
  • JavaWeb知识点总结 我的学习笔记
    JavaWeb我的学习笔记一、动态网页开发1.动态网页2.系统架构C/S架构B/S架构B/S与C/S的比较3.URL通信三要素4.Tomcat服务器二、Servlet1.Servlet简介2.Servlet快速入门入门样例执行原理3.Servlet的体系结构4.servlet的十大方法5.Servlet生命周期6.在web.xml中配置servl......
  • Web、RESTful API 在微服务中的作用是什么?
    Web、RESTfulAPI在微服务中的作用是什么?在当今的软件开发领域,微服务架构正变得越来越流行。而在微服务架构中,Web和RESTfulAPI起着至关重要的作用。一、微服务架构简介微服务架构是一种将应用程序拆分为一组小型服务的架构风格。每个服务都可以独立部署、扩展和维护。这些......
  • 使用Insomnia来调用Dataverse的Web API
    这是我的第513篇原创文章,写于2024年10月26日。以前我写过一篇文章:配置Postman通过OAuth2implicitgrant获取D365数据,以前我这个文章参考的的官方原文使用的是Postman这个工具,现在变成使用Insomnia了,官方原文是:UseInsomniawithDataverseWebAPI。所以我今天来讲讲使用Inso......
  • 基于javaweb的茶园茶农文化交流平台
    开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9浏览器:谷歌浏览器后台路径地址:localhost:8080/项目名称/admin/dist/index.html前台路径地址:localhost:80......