基于计算图片验证码的实现

最新推荐文章于 2024-08-15 14:47:41 发布
最新推荐文章于 2024-08-15 14:47:41 发布
阅读量910 收藏 21
点赞数 28
文章标签： java 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PSL996/article/details/135444240
版权
本文详细介绍了如何在SpringBoot项目中实现验证码功能，包括验证码的作用、两种验证码类型（随机字符串和数学运算），以及如何配置和使用第三方库Kaptcha。还涉及了验证码的生成、存储和验证过程，以增强网站安全性。
摘要由CSDN通过智能技术生成

背景

地点：长沙飞思

时间：2024/01/02~04

关键词：验证码

前言

项目阶段每一个步骤都得了解，每一个流程都要熟记于心，每一段代码最好都要亲自一遍。

验证码的实现

验证码的作用

验证码作为一种人机识别手段，其主要作用是区分正常人和机器的操作，拦截恶意行为。

验证码（Captcha）是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。

可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试，实际上用验证码是现在很多网站通行的方式，我们利用比较简易的方式实现了这个功能。这个问题可以由计算机生成并评判，但是必须只有人类才能解答。由于计算机无法解答Captcha的问题，所以回答出问题的用户就可以被认为是人类。

验证码的实现

导入第三方验证码依赖

   <!-- 验证码 -->
<dependency>
    <groupId>pro.fessional</groupId>
    <artifactId>kaptcha</artifactId>
    <exclusions>
        <exclusion>
            <artifactId>servlet-api</artifactId>
            <groupId>javax.servlet</groupId>
        </exclusion>
    </exclusions>
    <version>2.3.3</version>
</dependency>

配置核心类

新建 config 包，新建 CaptchaConfig类，将生成验证码的核心类DefaultKaptcha注入到IOC容器中。

/**
 * 验证码配置
 *
 */
@Configuration
public class CaptchaConfig
{
    /**
     * 生成随机字符验证码
     * @return
     */
    @Bean(name = "captchaProducer")
    public DefaultKaptcha getKaptchaBean()
    {
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        // 是否有边框 默认为true 我们可以自己设置yes，no
        properties.setProperty(KAPTCHA_BORDER, "yes");
        // 验证码文本字符颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "black");
        // 验证码图片宽度 默认为200
        properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
        // 验证码图片高度 默认为50
        properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
        // 验证码文本字符大小 默认为40
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "38");
        // KAPTCHA_SESSION_KEY
        properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCode");
        // 验证码文本字符长度 默认为5
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "4");
        // 验证码文本字体样式 默认为new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
        // 图片样式 水纹com.google.code.kaptcha.impl.WaterRipple 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy 阴影com.google.code.kaptcha.impl.ShadowGimpy
        properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }

    /**
     * 生成数学运算式验证码
     * @return
     */
    @Bean(name = "captchaProducerMath")
    public DefaultKaptcha getKaptchaBeanMath()
    {
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        // 是否有边框 默认为true 我们可以自己设置yes，no
        properties.setProperty(KAPTCHA_BORDER, "yes");
        // 边框颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_BORDER_COLOR, "105,179,90");
        // 验证码文本字符颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "blue");
        // 验证码图片宽度 默认为200
        properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
        // 验证码图片高度 默认为50
        properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
        // 验证码文本字符大小 默认为40
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "35");
        // KAPTCHA_SESSION_KEY
        properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCodeMath");
        
        // 验证码文本生成器
        properties.setProperty(KAPTCHA_TEXTPRODUCER_IMPL, "com.fs.system.util.KaptchaTextCreator");
        
        // 验证码文本字符间距 默认为2
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_SPACE, "3");
        // 验证码文本字符长度 默认为5
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "6");
        // 验证码文本字体样式 默认为new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
        // 验证码噪点颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_NOISE_COLOR, "white");
        // 干扰实现类
        properties.setProperty(KAPTCHA_NOISE_IMPL, "com.google.code.kaptcha.impl.NoNoise");
        // 图片样式 水纹com.google.code.kaptcha.impl.WaterRipple 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy 阴影com.google.code.kaptcha.impl.ShadowGimpy
        properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }
}

提供了两种验证码的实现方式:

  • 第一种: 是随机字符串的验证码, 我们只需要注入名为captchaProducer的bean

  • 第二种: 是数学运算的验证码, 我们只需要注入名为captchaProducerMath的bean

我们在getKaptchaBeanMath()方法, 对生成的数学运算的验证码提供一个自定义的文本生成器

我们需要在指定的包中提供KaptchaTextCreator类

/**
 * 验证码文本生成器
 *
 * @author ruoyi
 */
public class KaptchaTextCreator extends DefaultTextCreator
{
    private static final String[] CNUMBERS = "0,1,2,3,4,5,6,7,8,9,10".split(",");

    @Override
    public String getText()
    {
        Integer result = 0;
        Random random = new Random();
        int x = random.nextInt(10);
        int y = random.nextInt(10);
        StringBuilder suChinese = new StringBuilder();
        int randomoperands = random.nextInt(3);
        if (randomoperands == 0)
        {
            result = x * y;
            suChinese.append(CNUMBERS[x]);
            suChinese.append("*");
            suChinese.append(CNUMBERS[y]);
        }
        else if (randomoperands == 1)
        {
            if ((x != 0) && y % x == 0)
            {
                result = y / x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("/");
                suChinese.append(CNUMBERS[x]);
            }
            else
            {
                result = x + y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("+");
                suChinese.append(CNUMBERS[y]);
            }
        }
        else
        {
            if (x >= y)
            {
                result = x - y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[y]);
            }
            else
            {
                result = y - x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[x]);
            }
        }
        suChinese.append("=?@" + result);
        return suChinese.toString();
    }
}

收获：

1.自定义生成器继承默认的DefaultTextCreator，默认的生成器用来生成默认的随机串文本

2.自定义的生成器是通过StringBuilder类的append()进行了"=?@`的追加形成的最终表达式

定义处理器

接下来我们编写验证码的Controller,对外暴露API接口

/**
 * 验证码操作处理
 * 
 * @author ruoyi
 */
@RestController
public class CaptchaController
{
    @Resource(name = "captchaProducer")
    private Producer captchaProducer;

    @Resource(name = "captchaProducerMath")
    private Producer captchaProducerMath;

    @Autowired
    private RedisCache redisCache;
    
    @Autowired
    private ISysConfigService configService;
    /**
     * 生成验证码
     */
    @GetMapping("/captchaImage")
    public AjaxResult getCode(HttpServletResponse response) throws IOException
    {
       
        return null;
    }
}

后台具体处理流程:

  1. 判断是否开启验证码,如果没有就直接返回

  2. 如果有开启验证码,获取验证码的类型(math,char)

    如果是char类型, 使用bean名字为captchaProducer来产生验证码

    如果是math类型, 使用bean名字为captchaProducerMath来产生验证码，生成一个表达式“1+1=?@2”（@可以进行分割，@左边是运算式，右边是答案）

  3. 把生成的验证码答案存储在redis中, redis的key: CacheConstants.CAPTCHA_CODE_KEY + uuid

  4. 使用ImageIO,把生成验证码图片变成字节数组 1+1=？转成图片

  5. 使用Base64对验证码字节数组进行编码, 封装到AjaxResult中

  6. 响应AjaxResult的json给前端

验证

登录具体处理流程：

  1. 用户在登录页面根据验证码提示输入答案，提交整个表单

  2. 后台从接收到的表单中提取验证码答案，查询redis，对比两个答案

    如果一致，接下来才会验证用户名和密码

    如果不一致，则直接返回验证码输错的异常，给用户提示，让用户重新输入，则不用去验证用户的用户名和密码

总结

不入虎穴，焉得虎子

PSL996
关注
  • 28
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python验证码识别
m0_68650955的博客
04-26 1万+
大致介绍 　　在python爬虫爬取某些网站的验证码的时候可能会遇到验证码识别的问题，现在的验证码大多分为四类： 　　　　1、计算验证码 　　 2、滑块验证码 　　　　3、识图验证码 　　　　4、语音验证码 　　这篇博客主要写的就是识图验证码，识别的是简单的验证码，要想让识别率更高，识别的更加准确就需要花很多的精力去训练自己的字体库。 　　识别验证码通常是这几个步骤： 　　　　1、灰度处理 　　　　2、二值化 　　　　3、去除边框（如果有的话） 　　　　4、降噪 　　　　5...
实现计算型验证码
lingyuncelia的博客
02-06 792
绝大部分代码来源于韦世东《Python3反爬虫原理与绕过实验》第九章 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>实现计算型验证码</title> </head> <body> <canvas width="200" height="40" id="matchesCanvas"> </canvas> &.
汉字验证码和算式验证码
快乐de馒头
04-08 2161
大家知道简单数字或者字母验证码很容易被破解，但是算式验证码或者中文汉字验证码不容易被破解，   所以建议大家在使用验证码的时候，尽量用算式验证码或者中文汉字验证码。       下面是我写的两种验证码代码，有用到的朋友可以参考下：       1.算式验证码： session_start(); header("Content-type: image/png");   $nu
2.2 计算题验证码
Triumph19的博客
05-03 1739
计算题验证码与普通图像验证码的区别在于增加了数学运算，需要将验证码中数学计算题的结果填到文本框中，再单击“验证”。 计算题验证码的处理难点在于运算符号的识别。如果将运算符号作为常规的图像文字进行识别，那么容易出现问题，例如，经常会把乘号或倾斜的加号识别为字母x，导致难以得到正确的计算结果。 超级鹰有专门识别计算题或问答题的接口，如下图所示（详见https://www.chaojiying.com/price.html）。 具体到Python代码层面，只需修改前面定义的cjy()函数的代码，将其中的Pos.
用机器学习sklearn+opencv-python过计算型验证码
热爱代码
04-15 1922
在本节我们用Pillow库生成了计算型验证码图片，相较于纯数字或数字+字母验证码，计算型验证码识别难度要高一点，主要原因在于计算型验证码上的字符数量不一，导致图像切割难度会增加很多。虽然识别出字符后还要计算，但其实字符只要被识别出来的话，计算也就不是什么问题。当然，本节使用的验证码图片在干扰度上还不是特别强，没有加入线条干扰，如果加上线条的话，难度会大很多，因为在图像处理时，很可能会把运算符也给磨平了，导致识别出来的轮廓数量不对。模型也有可能会把一些干扰线条识别成1或者除号/了。
【商城秒杀项目】-- 使用数学图形验证码来进行限流
weixin_42687829的博客
02-26 1052
秒杀接口地址隐藏可以防止恶意用户通过频繁调用接口来请求的操作，但是无法防止机器人，刷票软件还是可以恶意频繁点击按钮来刷请求秒杀地址接口 高并发下场景，在刚刚开始秒杀的那一瞬间，迎来的并发量是最大的，减少同一时间点的并发量，将并发量分流也是一种减少数据库以及系统压力的措施（使得1s中来10万次请求过渡为10s中来10万次请求） 本篇博客记录如何使用数学图形验证码来进行限流，限流削峰操作具体可参考...
算术运算验证码实现
a372949805的博客
12-28 3449
package cn.com.util; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.util.HashMap; import java.util
c#实现识别图片上的验证码数字
09-03
在C#中实现识别图片上的验证码数字是一项常见的图像处理任务，通常用于自动化处理网页登录、注册等场景。这里我们探讨两种方法，它们分别是基于颜色过滤和图像二值化的技术。 首先，颜色过滤是识别验证码数字的第一...
基于python使用LibSVM实现验证码识别
05-04
在Python中，我们首先需要一个图像处理库来预处理验证码图片。OpenCV是一个广泛使用的图像处理库，它可以用于读取、转换和增强验证码图像。首先，我们需要读取图像，然后将其转换为灰度图像，以减少处理复杂性。接着...
C#实现截取验证码图片
08-26
C#实现截取验证码图片，主要利用了.NET框架下的System.Drawing命名空间下的类和方法。通过 Graphics 类的 DrawImage 方法，我们可以精确地截取原图中的一部分。Rectangle 结构体用于定义截取的矩形区域，而 Graphics...
纯JS实现图片验证码功能并兼容IE6-8(推荐)
10-20
【纯JS实现图片验证码功能】 在Web开发中，图片验证码是一种常见的安全机制，用于防止自动化的机器人或恶意脚本进行非法操作。本篇将详细介绍如何仅使用JavaScript（JS）来实现图片验证码功能，并确保其在古老的IE6-...
基于ASP.NET图片广告验证码的实现
08-31
在本教程中，我们将深入探讨如何使用C#语言在ASP.NET环境中实现图片验证码的功能。 首先，我们需要理解验证码的基本原理。验证码的核心在于生成一串随机字符串，并将其转化为图像展示给用户。这个字符串应当具有...
网络爬虫-计算型验证码破解
qq_39802740的博客
09-19 2194
爬虫中最常见的反爬手段之一就是验证码，而我们平常所遇见的验证码最多的便是数英验证码，数英验证码可以有效地收集数据集并进行训练，达到靠谱的识别率，而另一个很常见的就是计算型验证码了，如下图示： 这个验证码，咋一看，感觉上是十分简单的，因为简单的OCR识别就能很精准地识别它，但是我们该怎么做呢，先看这个图片是如何构成的。 可以清晰地看到，这个验证码实际上是由4张图片所构成，即"9" “x” “1”...
带运算的验证码
Davey的专栏
12-19 873
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using Sy
几种生成验证码的方式以及计算表达式的计算
程序员路同学
05-14 1638
kaptcha 数字字母形式验证码 google kaptcha验证码生成器且可以配置生成的验证码格式 引入依赖： <dependency> <groupId>com.github.axet</groupId> <artifactId>kaptcha</artifactId> <version>0.0.9</version> </dependency> 配置生成验证码格式
python 中关于ocr识别计算式验证码
m0_67337505的博客
01-08 1499
登录中经常会遇到验证码，验证码有很多种，常见的就是输入数字or数字字母组合，近期有朋友说他们是算式的不好写，经过几次讨论搜刮，整理了一份如下代码用于识别验证码算式类的。整体思路就是在ddddocr库识别中识别出来的不够精准时，排除识别的不准确的结果，然后在拿算式格式要求的正确的进行计算执行，提升登录接口验证码输入准确度。此段代码增加循环是为了获取不对时，重新获取新的验证码。
验证码功能的两种实现方式
Erictju的博客
11-29 6669
绝大部分应用都会有验证码这个功能，这个功能与业务无关，是可复用的。
通过Java实现各种前端验证码（字母，中文，数字运算）
w13966597931的博客
10-01 1531
这里实现的验证码有英语字母，计算，中文类型，内置字体各种类型。这里那其中一种，计算类型的验证码，讲解如何在Java中实现。首先，导入这个依赖。如果maven下载不了这个jar那就去maven的配置文件中，把镜像改成：jar下载好过后，编写后台返回验证码的请求： 自己测的时候可以把我的用户和商品id都给删掉，这个验证码也可以不存到redis中，也可以存到session中。只需要这一个方法，就可以返回一个输出流，显示图片验证码了。
JAVA进阶补充
最新发布
2301_80150315的博客
08-15 887
概念：把已经有的方法拿过来用，当作函数式接口中抽象方法的方法体条件：引用处必须是函数式接口被引用的方法需要已经存在被引用方法的形参和返回值需要跟抽象方法的形参和返回值保持一致被引用方法的功能需要满足当前需求：方法引用符意义：就是为让控制台的报错信息更加的见名知意自定义异常的步骤：定义异常类写继承关系空参构造带参构造​file对象就表示一个路径，可以是文件的路径、也可以是文件夹的路径；这个路径可以是存在的，也允许是不存在的构造方法描述根据文件路径创建对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值