讲师中心 微信公众号
AI工具推荐 视频效率加速

如何通过 Trust Tokens 实现无感的前端原始身份合法性校验并防御爬虫

陌芳酱_4338

陌芳酱_4338

发布时间:2026-05-04 12:27:01

|

328人浏览过

|

来源于php中文网

原创

Trust Tokens 是 Chrome 推出的隐私优先型人机识别机制,通过可信发行方签发短期加密令牌,在不暴露用户身份前提下验证请求真实性,适用于无感防爬、恶意注册防控等场景。

如何通过 trust tokens 实现无感的前端原始身份合法性校验并防御爬虫

Trust Tokens 是 Chrome 推出的隐私优先型身份凭证机制,它不依赖 Cookie 或设备指纹,而是通过可信发行方(如 Google、Cloudflare)签发短期、可验证、不可追踪的加密令牌,让网站能在不暴露用户身份的前提下,判断“当前请求是否来自真实、合规的浏览器用户”。它不是用来替代登录态,而是补充“人机识别”环节——尤其适合无感防御爬虫、防恶意注册、限流前的身份预筛。

Trust Tokens 的核心工作逻辑

它基于三方协作模型:发行方(Issuer)、用户浏览器、验证方(Relying Party)。典型流程是:

  • 用户在可信站点(如 google.com、cloudflare-issued 页面)完成一次轻量交互(如点击“信任此服务”),浏览器向该 Issuer 请求并安全存储一组 Trust Tokens(每个 Token 是加密签名的短生命周期凭证)
  • 当用户访问你的业务站点(如 yoursite.com)并触发敏感操作(如提交表单、加载风控接口)时,前端调用 document.requestTrustToken() API,从本地安全沙箱中取出一个未使用过的 Token
  • 前端将该 Token 作为请求头(如 Sec-Trust-Token: <token></token>)或参数附在后续请求中发往后端
  • 后端调用 Chrome 提供的公开验证端点(如 https://chrome的信任验证服务)或使用本地验证库(需集成 Chromium 的验证逻辑)校验 Token 签名、有效期、发行域及使用次数,返回布尔结果

为什么能实现“无感”且防爬虫

关键在于它的设计天然排斥自动化工具:

前端设计-专业版
前端设计-专业版

企业级前端设计工具,支持设计系统生成、组件库批量产出、多端适配,适配商业产品开发。

下载
  • 浏览器专属执行环境:Trust Token API 仅在 Chromium 内核(Chrome、Edge、Brave 等)的 Secure Context(HTTPS + 用户手势触发)下可用;PhantomJS、requests、curl、甚至 Puppeteer 默认无法调用该 API
  • 无设备绑定、但有上下文约束:Token 不记录 IP、UA、设备 ID,但绑定发行域和浏览器会话粒度,同一 Token 不能跨 Origin 复用,也无法被截获后离线重放
  • 无需用户操作干预:Token 获取发生在用户此前已建立信任的场景(如登录 Google 账户后访问支持 Trust Tokens 的页面),业务站点调用时完全静默,不弹窗、不跳转、不中断流程
  • 抗批量伪造:Issuer 对每个用户发放 Token 有配额限制(如每小时最多 5 个),且 Token 含防重放 nonce,服务端验证失败即作废,无法靠脚本暴力生成

实际接入的关键步骤与注意事项

目前 Trust Tokens 仍处于实验推广阶段(Chrome 120+ 默认启用,但需手动开启实验标志或依赖支持平台),落地需注意:

立即学习“前端免费学习笔记(深入)”;

  • 必须由可信 Issuer 签发:自行搭建 Issuer 极其复杂(需 CA 级密钥管理、TTP 协议实现),推荐直接集成 Cloudflare 的 Trust Token Gateway 或等待 Google 的开放发行服务
  • 前端调用需满足安全前提:页面必须 HTTPS;调用 requestTrustToken() 必须由用户真实手势(click/tap)触发,不能自动执行;建议配合 document.hasTrustTokens() 做前置探测
  • 后端验证不能只信前端传入值:必须调用官方验证接口(如 Cloudflare 提供的 /trust-token/verify)或使用 Chromium 开源验证库(libtrusttoken)做完整签名解码与策略检查,禁止仅校验格式或白名单域名
  • 不能单独依赖,需分层兜底:Trust Tokens 无法识别已登录但被劫持的账号,也不覆盖 Safari/Firefox 用户。应作为第一道“人机过滤网”,后面仍需保留 Token 校验、行为分析、IP 限频等传统手段

一个最小可行验证示例(前端)

以下代码仅在 Chrome 中有效,用于检测是否可用并尝试获取 Token:



<script></script>
document.getElementById('get-token').addEventListener('click', async () => {
try {
const hasTokens = await document.hasTrustTokens({ issuer: 'https://tokens.example.com' });
if (hasTokens) {
const response = await document.requestTrustToken({
issuer: 'https://tokens.example.com',
redemptionRecord: 'https://yoursite.com/api/submit'
});
const token = await response.token(); // 返回加密 Token 字符串
// 将 token 发送给后端校验
fetch('/api/submit', {
method: 'POST',
headers: { 'Sec-Trust-Token': token },
body: JSON.stringify({ data: '...' })
});
}
} catch (e) {
console.warn('Trust Token 不可用,降级走传统风控');
// 触发滑块验证码或增加 Token 校验强度
}
});

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2903

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

6323

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

7230

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

7078

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

1003

2024.05.22

js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

5686

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

1369

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

5624

2023.07.04

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn