收藏本站 Archiver
    请 后使用快捷导航
    没有账号?入住 CI 中国社区
    查看: 2469|回复: 0

    【干货】验证码的常见类型总结

    [复制链接]
    楼主
    发表于 2023年4月7日 15:57:42 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |
    本帖最后由 宙哈哈 于 2023年4月7日 15:57 编辑

    前言
    验证码是一种区分用户是计算机和人的公共全自动程序。简单来说,验证码就是验证操作是人还是机器。下面我就总结一下常见的验证码类型都有哪些?

    1.png (119.57 KB, 下载次数: 71)

    下载附件

    2023年4月7日 15:54 上传





    数字、字母组合
    这种形式最为常见,也很简单。有的是单独使用这两种,也有的是数字、字母混合而成,为了提高识别难度,有的会添加干扰线,如在背景中添加干扰线。

    2.PNG (12.35 KB, 下载次数: 72)

    下载附件

    2023年4月7日 15:54 上传



    PHP复制代码
    <?php
    // 丢弃输出缓冲区的内容 **
    ob_clean ();


    // 创建画布
    $image = imagecreatetruecolor (110, 30);


    // 设置白色底
    $bgColor = imagecolorallocate ($image, 255, 255, 255);
    imagefill ($image, 0, 0, $bgColor);


    // 添加四个随机数字字母
    for($i=0;$i<4;$i++) {
    $fontSize = 6;
    // 随机分配颜色
    $fontColor = imagecolorallocate ($image, rand (0, 120), rand (0, 120), rand (0, 120));
    // 生成内容
    $data = "abcdefghijkmnpqrstuvwxy3456789";
    // 如果内容为空,重新输出1个
    do {
    $fontCont = substr ($data, rand (0, strlen ($data)), 1);
    } while ($fontCont == '');
    // 设置范围
    $x = ($i*110/4)+rand (5, 10);
    $y = rand (5, 10);
    // 图片加入数字
    imagestring ($image, $fontSize, $x, $y, $fontCont, $fontColor);
    }


    // 添加干扰点元素
    for($j=0;$j<200;$j++) {
    // 点颜色
    $pointColor = imagecolorallocate ($image, rand (50, 200), rand (50, 200), rand (50, 200));
    imagesetpixel ($image, rand (1, 99), rand (1, 29), $pointColor);
    }


    // 添加干扰线元素
    for($z=0;$z<4;$z++) {
    // 生成颜色线
    $lineColor = imagecolorallocate ($image, rand (80, 220), rand (80, 220), rand (80, 220));
    imageline ($image, rand (1, 99), rand (1, 29), rand (1, 99), rand (1, 29), $lineColor);
    }


    header ("Content-type:image/png");
    // 输出图片
    imagepng ($image);
    // 销毁内存中的图片
    imagedestroy ($image);


    ?>
    复制代码



    短信验证码
    随着手机的普及,很多APP都是用手机号注册的。为了验证手机号码的真实性,防止恶意注册,通常会向手机发送验证码。网上有专门的短信发送平台,向电信运营商支付短信费用,接入即可使用。

    3.jpg (76.79 KB, 下载次数: 70)

    下载附件

    2023年4月7日 15:55 上传




    图片识别
    根据提示,点击对应的元素。逻辑解题能力结合图形符号等元素识别能力。适用于安全要求超高的业务场景。
    使用KgCaptcha,在用户控制台设置验证类型,多种类型选择,如滑动拼图、文字点选、语序点选、字体识别、空间推理。

    4.PNG (102.31 KB, 下载次数: 75)

    下载附件

    2023年4月7日 15:55 上传



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



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


    返回列表
    您需要登录后才可以回帖 登录 | 入住 CI 中国社区

    本版积分规则

    AltStyle によって変換されたページ (->オリジナル) /