井底圈小蛙
与您共同关注科技圈

Cloudflare新验证码服务Turnstile使用教程,分享PHP测试源码

几天前,Cloudflare正式推出Turnstile验证码项目,用户登录后可使用测试版,也支持非注册用户使用,由于官方并未给出具体的源码样本,本站结合PHP代码测试了该项目的使用配置。

一、Cloudflare后台申请服务

非Cloudflare用户可以直接免费注册该服务:https://www.cloudflare.com/lp/turnstile/,而无需注册Cloudflare账号。

Cloudflare用户需在后台菜单栏“Turnstile[beta]”,点击“Add Site”,填入Site name,选择站点域名,点击”Create“,则新建了一个站点,重要的key有两个,客户端“Site Key”以及服务端“Secret Key”,记下这两个key。

二、配置HTML前端

1.Header处增加一个Script引用

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback" async defer></script>

2.表单处提交按钮前增加一个Div块

<div class="cf-turnstile" data-sitekey="Site Key"></div>

注意替换下Site Key,则前端配置完毕,可以直接看到验证码加载成功。

三、配置PHP后端

PHP代码为例,$validate为标志位,验证成功则为true。具体代码如下:

$validate=false;
$postdata = http_build_query(
    array(
        'secret' => 'Secret Key', //替换为自己的Secret Key
    	'ip' => $_SERVER['HTTP_CF_CONNECTING_IP'],
        'response' => $_POST['cf-turnstile-response']
    )
);
$opts = array('http' =>
    array(
        'method'  => 'POST',
        'header'  => 'Content-Type: application/x-www-form-urlencoded',
        'content' => $postdata
    )
);
$context  = stream_context_create($opts);
$result = file_get_contents('https://challenges.cloudflare.com/turnstile/v0/siteverify', false, $context);
$res_arr = json_decode ($result,true);
if($res_arr['success']){
	$validate=true;
}
if($validate===true){
	... //Do something...
}

四、官方开发说明

客户端使用说明:https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/

服务端使用说明:https://developers.cloudflare.com/turnstile/get-started/server-side-validation/

圈小蛙现已开通Telegram。单击此处加入我们的频道 (@quanxiaowa)并随时了解最新科技圈动态!

除特别注明外,本站所有文章均系根据各大境内外消息渠道原创,转载请注明出处。
文章名称:《Cloudflare新验证码服务Turnstile使用教程,分享PHP测试源码》
文章链接:https://www.qxwa.com/cloudflare-new-captcha-service-turnstile-use-tutorial-share-php-test-source-code.html
分享到: 生成海报

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

科技圈动态,尽在圈小蛙

联系我们关注我们