图形验证码的实现

于 2024-07-28 17:31:12 发布
阅读量372 收藏 3
点赞数 4
文章标签： spring boot redis 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80316847/article/details/140753386
版权

图形验证码的实现

使用技术：SpringBoot+redis

  1. 导入第三方依赖

       <!-- 验证码 -->
<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>

  2. 新建配置类 CaptchaConfig 对验证码图片进行设置，例如

    package com.fs.system.config;

import java.util.Properties;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.google.code.kaptcha.util.Config;
import static com.google.code.kaptcha.Constants.*;

/**
 * 验证码配置
 *
 */
@Configuration
public class CaptchaConfig
{
    @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;
    }

    @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

​ 在第二种方式中

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

文本生成器为自定义的工具类,具体实现如下

package com.fs.system.util;

import com.google.code.kaptcha.text.impl.DefaultTextCreator;

import java.util.Random;

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();  //5+6=?@11
    }
}

在工具类中，限制了运算数字为0-9，并且对结果做了规范化要求。

  1. 编写Controller接口

    具体流程:

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

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

    3. 如果是math类型, 使用bean名字为captchaProducerMath来产生验证码

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

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

    6. 使用ImageIO,把生成验证码图片变成字节数组

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

    8. 响应AjaxResult的json给前端

​ 具体实现代码：

import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.concurrent.TimeUnit;
import javax.annotation.Resource;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse;

import cn.hutool.core.lang.UUID;
import com.fs.common.config.RuoYiConfig;
import com.fs.common.constant.CacheConstants;
import com.fs.common.constant.Constants;
import com.fs.common.core.vo.AjaxResult;
import com.fs.common.util.RedisCache;
import com.fs.system.service.ISysConfigService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.util.FastByteArrayOutputStream;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import com.google.code.kaptcha.Producer;
import sun.misc.BASE64Encoder;

/**
 * 验证码操作处理
 * 
 */
@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
    {
        AjaxResult ajax = AjaxResult.success();
        boolean captchaEnabled = configService.selectCaptchaEnabled();
        ajax.put("captchaEnabled", captchaEnabled);
        if (!captchaEnabled)
        {
            return ajax;
        }

        // 保存验证码信息
        String uuid = UUID.randomUUID().toString(true);
        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;

        String capStr = null, code = null;
        BufferedImage image = null;

       // 生成验证码
        String captchaType = FeiSiConfig.getCaptchaType();
        if ("math".equals(captchaType))
        {
            String capText = captchaProducerMath.createText();
            capStr = capText.substring(0, capText.lastIndexOf("@"));
            code = capText.substring(capText.lastIndexOf("@") + 1);
            image = captchaProducerMath.createImage(capStr);
        }
        else if ("char".equals(captchaType))
        {
            capStr = code = captchaProducer.createText();
            image = captchaProducer.createImage(capStr);
        }

        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);
        // 转换流信息写出
        FastByteArrayOutputStream os = new FastByteArrayOutputStream();
        try
        {
            ImageIO.write(image, "jpg", os);
        }
        catch (IOException e)
        {
            return AjaxResult.error(e.getMessage());
        }

        ajax.put("uuid", uuid);
        BASE64Encoder encoder = new BASE64Encoder();
        String str = "data:image/jpeg;base64,";
        //把图片进行base64编码
        String base64Img = str + encoder.encode(os.toByteArray());
        //BASE64对密文进行传输加密时，可能出现\r\n
        //原因： RFC2045中有规定：即Base64一行不能超过76字符，超过则添加回车换行符。
        //解决方案: BASE64加密后，对\r\n进行去除
        base64Img= base64Img.replaceAll("\r|\n", "");
        ajax.put("img", base64Img);
        return ajax;
    }
}

同时，具体的参数配置在一个全局配置类中进行封装,下面是验证码相关

package com.fs.common.config;

import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

/**
 * 读取项目相关配置
 *
 */
@Component
@ConfigurationProperties(prefix = "my)
public class MyConfig
{
   
    /** 验证码类型 */
    private static String captchaType;

    public static String getCaptchaType() {
        return captchaType;
    }

    public void setCaptchaType(String captchaType) {
        FeiSiConfig.captchaType = captchaType;
    }

}

在application.yml的相关配置：

# 系统的全局配置
# 项目相关配置
my:
  # 验证码类型 math 数字计算 char 字符验证
  captchaType: math

总结

​ 实现验证码第一步就是要找好需要实现的验证码的第三方工具，然后导入对应依赖。第二步，根据使用的工具进行个性化配置。最后才是具体去使用的实现。

胡耀森
关注
SpringBoot+Shiro登录验证码制作
12-21
用户登录常常要做防机器验证，所以使用到了随机验证码，防止机器刷 1.直接java内部自带的就行啦，也不需要用外部生成的api 生成验证码的工具类的写法： import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.*; import java.util.Random; /** * @author lrx * @description: TODO 验证码生成工具类 * @date 2020/4/24 14:51 */ public class C
springboot+kaptcha生成数学运算验证码和字符验证码
想吃凤梨酥的博客
05-09 778
使用以下代码只需要复制粘贴，修改一处文本生成器路径即可，文中有交代。 添加kaptcha依赖 <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version> </dependency> 编写验证码文本生成器，为了给数据运算验证码
SpringBoot验证码
热门推荐
ThinkStu的博客
08-12 28万+
“原生 js + SpringBoot + hutool 工具” 实现浏览器验证码功能，点击可刷新。
springboot验证码生成及验证功能
Starbright.的博客
04-13 2万+
生成验证码的方式有许多种，这里选择的是easy-captcha工具包。其支持Java图形验证码，支持gif、中文、算术等类型，可用于Java Web、JavaSE等项目。
SpringBoot 验证码
m0_59422814的博客
08-13 780
框架：Spring Boot 2.3.12.RELEASE环境：JDK 1.8 + MySQL 8.0.79 + Redis 6.2.6自定义验证码生成器，需要继承默认的验证码生成器以数字运算验证码为例定义一个字符串数组，元素是进行运算的数字重写 getText() 方法大致思路运算结果result、运算拼接suC、两个随机数变量因为运算有四种，再定义一个随机数 [0,3] 变量 randomoperands 来判断进行哪种运算将随机数作为数组下标，获取运算的两个数字。
beego框架图形验证码实现
03-22
【beego框架图形验证码实现】是使用Go语言开发的一个高效且功能丰富的图形验证码库，它为Web应用提供了安全的验证码生成服务。这个库的核心目的是为了防止自动化程序（如机器人）进行非法操作，如批量注册、恶意登录...
JavaScript图形验证码的实现
11-27
JavaScript验证码的简单实现，有简单的随机数字，也有较复杂的图形验证码， 这种图形验证码很高效简洁，使用爬虫是有较大难度的爬取网站信息的。 而且这种图形验证码的应用场景非常广，可用在登录注册等等需要上传...
JS制作图形验证码实现代码
10-21
本篇内容将详细介绍如何使用JavaScript来创建和实现图形验证码，以及如何在网页中集成和校验验证码。 首先，我们需要了解图形验证码的基本原理。图形验证码通常包含一个或多个扭曲的、带有背景噪音的文字和数字，...
python识别图形验证码实现自动登陆
03-31
本文将深入探讨如何使用Python实现图形验证码的识别，以达到自动登录的目的。我们将涉及图像处理技术，包括灰度处理、二值化处理和降噪处理等关键步骤。 首先，我们要理解图形验证码的作用。它的主要目的是防止恶意...
SpringBoot中实现验证码功能
故常无，欲以观其妙；常有，欲以观其徼；
04-16 2224
SpringBoot实现验证码
springboot验证码的生成与验证
妙乌的博客
06-28 9967
🐋前言：在springboot的登陆页面中为了防止机器大规模注册，机器暴力破解数据密码等危害，需要验证随机生成的验证码。现提出两种简易方案生成验证码功能，一种采用springboot整合kaptcha第三方验证码生成工具的生成方案；另一种采用springboot整合第三方类库hutool生成验证码，验证成功跳转至success页面，失败则跳转false页面。......
基于springboot实现的验证码登录
時間的博客
07-31 1429
1、基于springboot实现的验证码登录功能。 2、redis键值出现 \xac\xed\x00\x05t\x00&的解决方法。 简单提一下文章中使用到的技术： springboot、validation、redis、vue等
Spring boot 实现验证码
最新发布
2301_82241859的博客
04-18 1413
request.setAttribute(“error”, “验证码已失效，请重新输入”);// 设置线条的颜色。
SpringBoot项目实现验证码
qq_58098264的博客
07-16 773
在application.properties中配置验证码的存储路径，即。
springboot实现验证码功能
weixin_44846436的博客
11-27 833
转载自 : www.javaman.cn。
springboot添加验证码功能
jieshdad的博客
07-05 1235
springboot中添加验证码的多种方式
Spring Boot工程集成验证码生成与验证功能教程
interest_ing_的博客
03-07 2625
验证码是一种常见的安全机制，用于防止自动化工具（如爬虫）对网站进行恶意操作。在Web应用中，验证码通常以图像的形式出现，要求用户输入图像中显示的字符。本文将介绍如何在Spring Boot工程中实现一个随机生成验证码的功能。
Spring Boot全后端实现验证码
m0_53745029的博客
01-16 1201
验证码通常是利用前端技术实现的，前端的验证码需要先在后端进行保存，再传到前端，再于前端传输的数据对比校验。一些前后端分离项目的工作量大大增加，而如果完全是由后端独立实现的，那么在代码量和复杂程度上就大大降低了。
C# WinForm 图形验证码实现：大小写敏感与不敏感示例
本文档为开发者提供了一个实用的C# WinForm登录界面图片验证码实现方案，不仅展示了区分大小写的验证码生成，还给出了不区分大小写模式的验证逻辑，有助于开发人员提升登录界面的安全性和用户体验。通过阅读和实践...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值