注册登录首选，趣味滑块验证码

前言

注册登录账户时，保障账户安全是首要任务！使用趣味滑块验证码，既能有效防御恶意攻击，又能为验证过程增添一丝乐趣。让注册和登录变得更加有趣又安全！

HTML代码

<script src="https://cdn6.kgcaptcha.com/captcha.js"></script>
<script>
kg.captcha({
    
    
    // 绑定元素，验证框显示区域
    bind: "#captchaBox",
    // 验证成功事务处理
    success: function(e) {
    
    
        console.log(e);
    },
    // 验证失败事务处理
    failure: function(e) {
    
    
        console.log(e);
    },
    // 点击刷新按钮时触发
    refresh: function(e) {
    
    
        console.log(e);
    }
});
</script>
<div id="captchaBox">载入中 ...</div>

PHP代码

<?php
include "KgCaptchaSDK.php";
// 填写你的 AppId，在应用管理中获取
$appId = "appId";
// 填写你的 AppSecret，在应用管理中获取
$appSecret = "appSecret";
{
   
   mathJaxContainer[0]}appId, $appSecret);
// 填写应用服务域名，在应用管理中获取
$request->appCdn = "https://cdn6.kgcaptcha.com";
// 前端验证成功后颁发的 token，有效期为两分钟
{
   
   mathJaxContainer[1]}_POST["kgCaptchaToken"];
// 当安全策略中的防控等级为3时必须填写
$request->userId = "kgCaptchaDemo";
// 请求超时时间，秒
$request->connectTimeout = 10;
{
   
   mathJaxContainer[2]}request->sendRequest();
if ($requestResult->code === 0) {
   
   
    // 验签成功逻辑处理
    echo "验证通过";
} else {
   
   
    // 验签失败逻辑处理
    echo "验证失败，错误代码：{$requestResult->code}， 错误信息：{$requestResult->msg}";
}

最后

SDK开源地址：https://github.com/KgCaptcha，顺便做了一个演示：https://www.kgcaptcha.com/demo/