使用 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质询。响应令牌只能被兑换一次。
你可以创建"操作",用自定义标签来区分不同页面(例如登录、注销、创建帐户)。
部署后,你可以查看分析报告,了解部署位置和用户如何解决质询。
网友回复
我知道答案，我要回答
私活外包
最新提问
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好？
剪映能打开.fcpxml格式的文件吗？
增量式编码器与绝对式编码器的区别是啥？
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目？
chrome网页突然报错：错误代码：RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件？
阿里云oss前端上传文件直传如何限制文件类型？
阿里云oss前端获取policy签名直传oss上传文件回调如何传？
如何将根据三维物体通过提示词变成可交互的4d场景动画？
浏览器中实时摄像头离线视觉ai模型有吗？
