使用 Turnstile 的步骤:
首先,你需要创建一个 cloudflaree 帐户并获得你的站点密钥和密钥。然后,嵌入 Turnstile JavaScript API 脚本:
<script src=https://challenges.cloudflare.com/turnstile/v0/api.js async defer></script>
你可以通过扫描HTML中的cf-turnstile类元素来使用隐式渲染:
<form action="/login" method="POST">
<div class="cf-turnstile" data-sitekey="yourSiteKey"></div>
<input type=submit>
</form>
用户回答质询后,cf-turnstile-response令牌将被插入元素。你可以验证这个令牌来确认它的有效性,不论是在服务器端还是云端(例如使用一个简单的Worker):
async function handleRequest() {
//...接收令牌
let formData = new FormData();
formData.append('secret', turnstileISecretKey);
formData.append('response', receivedToken);
await fetch('https://challenges.cloudflare.com/turnstile/v0/siteverify', {
body: formData,
method: 'POST'
});
//...
}
你也可以通过JavaScript显式调用Turnstile质询。响应令牌只能被兑换一次。
你可以创建"操作",用自定义标签来区分不同页面(例如登录、注销、创建帐户)。
部署后,你可以查看分析报告,了解部署位置和用户如何解决质询。
网友回复
我知道答案，我要回答
私活外包
最新提问
如何破解绕开seedance2.0真人照片生成视频 限制？
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频？
iphone的激光雷达数据能否实时传输到three三维空间中？
豆包sora等ai视频生成大模型生成的视频水印如何去除？
python如何实现在电脑上拨号打电话给手机？
具身机器人与人形机器人区别？
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行？
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程？
WebMCP是干啥的？
