学会这个工具的使用，让你快速生成验证码

最新推荐文章于 2024-09-12 14:17:32 发布
最新推荐文章于 2024-09-12 14:17:32 发布
阅读量273 收藏 1
点赞数
文章标签： web.xml java 后端
原文链接：https://juejin.im/post/5c7e16a3e51d45561f7f3a25
版权

前言

验证码是我们做人机验证最常用的方式，常用于敏感操作的验证，比如：登录、注册、修改等。

验证码的原理：不同的客户端拥有不同的 session 对象，在看到验证码图片的时刻，服务器后端代码生成图片并将随机字符存储到 session 中。这样客户端看到的只能是图片，人工识别图片后将字符发送到服务器与 session 中的字符进行比对。

上面只是简单的介绍了验证码的原理，更多细节还需有 javaweb 相关基础知识，这篇文章适合有基础的同学。

最近几天我翻到了以前生成验证码的工具类，使用 Graphics2D 生成的图片，然后再以流的形式写出到客户端，这些代码还是有些问题的，都是硬编码。在以后的使用中我们可能有不同的需求都会导致代码重新修改，自定义一些样式都不是很方便。

所以我找到了 github 上的一个生成验证码的工具：kaptcha，下面我就给大家介绍一下 kaptcha 的使用。

kaptcha 的使用

我们就以一个 maven 构建的 web 项目为例

1、依赖 jar 包

在 pom.xml 文件中添加相关依赖

<dependency>
  <groupId>com.github.penggle</groupId>
  <artifactId>kaptcha</artifactId>
  <version>2.3.2</version>
</dependency>
复制代码

2、配置生成验证码的 servlet

修改 web.xml，添加 kaptcha 提供的 servlet 并配置映射路径

<servlet>
    <servlet-name>Kaptcha</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>

<servlet-mapping>
    <servlet-name>Kaptcha</servlet-name>
    <url-pattern>/captcha</url-pattern>
</servlet-mapping>
复制代码

访问 http://localhost:8080/captcha 这时发现就已经可以产生验证码了，但还有个问题，验证码的随机字符存在哪里了？

3、探索 kaptcha

我们来查看 KaptchaServlet 这个类的源码，doGet 方法

@Override
public void doGet(HttpServletRequest req, HttpServletResponse resp)
		throws ServletException, IOException
{
	// Set to expire far in the past.
	resp.setDateHeader("Expires", 0);
	// Set standard HTTP/1.1 no-cache headers.
	resp.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	// Set IE extended HTTP/1.1 no-cache headers (use addHeader).
	resp.addHeader("Cache-Control", "post-check=0, pre-check=0");
	// Set standard HTTP/1.0 no-cache header.
	resp.setHeader("Pragma", "no-cache");

	// return a jpeg
	resp.setContentType("image/jpeg");

	// create the text for the image
	String capText = this.kaptchaProducer.createText();

	// store the text in the session
	req.getSession().setAttribute(this.sessionKeyValue, capText);

	// store the date in the session so that it can be compared
	// against to make sure someone hasn't taken too long to enter
	// their kaptcha
	req.getSession().setAttribute(this.sessionKeyDateValue, new Date());

	// create the image with the text
	BufferedImage bi = this.kaptchaProducer.createImage(capText);

	ServletOutputStream out = resp.getOutputStream();

	// write the data out
	ImageIO.write(bi, "jpg", out);
}
复制代码

有这样一段代码，获取字符后存入 session 中，键为 sessionKeyValue 这个变量的值

// create the text for the image
String capText = this.kaptchaProducer.createText();
// store the text in the session
req.getSession().setAttribute(this.sessionKeyValue, capText);
复制代码

sessionKeyValue 这个变量的值在 init 方法中被赋值

this.sessionKeyValue = config.getSessionKey();
复制代码

好我们进入 config.getSessionKey() 中查看代码，发现 session 的键为 Constants 这个类中的常量 Constants.KAPTCHA_SESSION_KEY

return this.properties.getProperty(Constants.KAPTCHA_SESSION_CONFIG_KEY, Constants.KAPTCHA_SESSION_KEY);
复制代码

4、编写测试验证码是否正常使用的 servlet

我们来验证一下，编写一个 servlet

import com.google.code.kaptcha.Constants;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/test")
public class TestKaptchaServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=utf-8");
        PrintWriter out = resp.getWriter();
        //获取传入的验证码
        String captcha = req.getParameter("captcha");
        if (null != captcha) {
            //获取实际session中的验证码
            String code = (String) req.getSession().getAttribute(Constants.KAPTCHA_SESSION_KEY);
            if (null == code){
                resp.sendRedirect("/captcha");
                return;
            }
            if (code.equalsIgnoreCase(captcha)) {
                out.print("验证输入正确");
            } else {
                out.print("验证码输入有误");
            }
        } else {
            out.print("必须输入验证码");
        }
        out.flush();
        out.close();
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}
复制代码

先访问验证码 http://localhost:8080/captcha 然后访问 http://localhost:8080/test?captcha=验证码

以上这些默认配置能满足一般业务的使用了，下面通过深入解析 kaptcha 的源码自定义配置验证码的宽、高、边框、颜色、字符等

5、深入源码自定义配置 kaptcha

再来看一下 init 方法中的代码

@Override
public void init(ServletConfig conf) throws ServletException
{
	super.init(conf);

	// Switch off disk based caching.
	ImageIO.setUseCache(false);

	Enumeration<?> initParams = conf.getInitParameterNames();
	while (initParams.hasMoreElements())
	{
		String key = (String) initParams.nextElement();
		String value = conf.getInitParameter(key);
		this.props.put(key, value);
	}

	Config config = new Config(this.props);
	this.kaptchaProducer = config.getProducerImpl();
	this.sessionKeyValue = config.getSessionKey();
	this.sessionKeyDateValue = config.getSessionDate();
}
复制代码

这段代码获取 servlet 的初始化参数，并将参数存入 config 对象中，看 config 中的一段代码

public boolean isBorderDrawn()
{
	String paramName = Constants.KAPTCHA_BORDER;
	String paramValue = this.properties.getProperty(paramName);
	return this.helper.getBoolean(paramName, paramValue, true);
}
复制代码

没错，所有的参数名字都是 Constants 类中常量名称

public class Constants
{
	public final static String KAPTCHA_SESSION_KEY = "KAPTCHA_SESSION_KEY";

	public final static String KAPTCHA_SESSION_DATE = "KAPTCHA_SESSION_DATE";

	public final static String KAPTCHA_SESSION_CONFIG_KEY = "kaptcha.session.key";
	
	//省略其他代码
}
复制代码

所以，可以给 KaptchaServlet 在 web.xml 配置参数，下面这些配置给大家参考

<servlet>
    <servlet-name>Kaptcha</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>

    <!-- 是否有边框 -->
    <init-param>
        <param-name>kaptcha.border</param-name>
        <param-value>no</param-value>
    </init-param>
    <!-- 字体颜色 -->
    <init-param>
        <param-name>kaptcha.textproducer.font.color</param-name>
        <param-value>red</param-value>
    </init-param>
    <!-- 图片宽度 -->
    <init-param>
        <param-name>kaptcha.image.width</param-name>
        <param-value>135</param-value>
    </init-param>
    <!-- 使用哪些字符生成验证码 -->
    <init-param>
        <param-name>kaptcha.textproducer.char.string</param-name>
        <param-value>ACDEFHKPRSTWX345679</param-value>
    </init-param>
    <!-- 图片高度 -->
    <init-param>
        <param-name>kaptcha.image.height</param-name>
        <param-value>50</param-value>
    </init-param>
    <!-- 字体大小 -->
    <init-param>
        <param-name>kaptcha.textproducer.font.size</param-name>
        <param-value>38</param-value>
    </init-param>
    <!-- 干扰线的颜色 -->
    <init-param>
        <param-name>kaptcha.noise.color</param-name>
        <param-value>black</param-value>
    </init-param>
    <!-- 字符个数 -->
    <init-param>
        <param-name>kaptcha.textproducer.char.length</param-name>
        <param-value>6</param-value>
    </init-param>
    <!-- 使用哪些字体 -->
    <init-param>
        <param-name>kaptcha.textproducer.font.names</param-name>
        <param-value>Arial</param-value>
    </init-param>
</servlet>

<servlet-mapping>
    <servlet-name>Kaptcha</servlet-name>
    <url-pattern>/captcha</url-pattern>
</servlet-mapping>
复制代码
weixin_34055910
关注
java在线生成自定义验证码图片（图片验证码生成工具）
weixin_42171955的博客
09-05 917
controller /** * 获取验证码 * * @param request * @param response * @return * @throws IOException */ @RequestMapping(value = "/verifyCode", method = RequestMethod.GET) @ActionLog(descripti...
java实现验证码功能ssm_SSM项目结合JSP页面做验证码
weixin_28785069的博客
02-27 437
package com.blb.utils;import javax.imageio.ImageIO;import java.awt.*;import java.awt.image.BufferedImage;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.O...
有哪些工具可以生成验证码？
alankuo的专栏
08-25 293
功能特点：虽然不是专门的验证码生成工具，但可以通过设计和制作图形元素，然后结合脚本或手动调整来创建独特的验证码图像。可以利用 Illustrator 的强大绘图和排版功能，设计出复杂的图形验证码，包括自定义字体、颜色、形状等。它可以在前端生成美观的验证码图像，并且可以自定义验证码的样式和难度。生成的验证码可以是数字、字母或两者的组合，同时可以设置干扰线和噪点的强度。- 功能特点：提供了丰富的配置选项，可以生成多种风格的验证码图像，包括不同的字体、颜色、背景、干扰线等。一、后端开发语言相关库。
验证码生成工具
08-25
验证码生成工具
生成验证码工具
pscool的博客
08-13 1333
生成验证码工具。
生成验证码的工具类
weixin_47827594的博客
03-30 203
import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.OutputStream; import java.util.Random; public class VerificationCode { /** * 生成验证码图片的宽度 */ private final in
随机生成验证码-易语言
06-11
"随机生成验证码-易语言"是一个使用易语言编程的高级教程源码，旨在教给开发者如何创建具有特定功能的验证码系统。易语言是一种中国本土开发的简单易学的编程语言，它提供了丰富的库和函数，使得初学者也能快速上手...
AI实战项目《验证码识别》
10-24
只要同学们有一定的Python程序设计基础，都能通过这个项目，快速熟悉深度学习算法，并学会使用Pytorch框架，训练深度学习模型。 2.验证码识别的背景 目前，验证码已经成为各种网站和应用程序的标准安全措施，通过...
别让恶意刷票毁了你的项目，学会这6招防刷技巧！
最新发布
孤芳不自赏
09-12 1043
IP限流：防止单个IP发起大量请求；验证码：在关键节点进行人机识别，阻止自动化刷票；单用户限流：对每个用户的行为进行限流；单设备限制：限制设备的请求频率，防止设备滥用；IMEI码限制：尤其适用于移动端，基于设备唯一性；源IP规则：过滤恶意IP来源。
2024年Python最新用Python识别验证码_python 自动输入验证码
2401_84558783的博客
05-01 1051
roistd = cv2.resize(roi, (30, 30)) # 将字符图片统一调整为30x30的图片大小。timestamp = int(time.time() * 1e6) # 为防止文件重名，使用时间戳命名文件名。# 如果两个轮廓一个是另一个的宽度的2倍以上，我们认为这个轮廓就是包含3个字符的轮廓。# 如果两个轮廓，较宽的宽度小于较窄的2倍，我们认为这是两个包含2个字符的轮廓。
机器学习用验证码数据下载器工具源码下载
综上所述，这个“常规验证码数据下载器工具”是一个宝贵的资源，为机器学习和深度学习提供了实际操作和实验的平台。它不仅能够帮助学习者理解验证码的生成和识别过程，还能够在实际应用中对机器学习模型的性能进行...
校验码生成工具
08-19
用于生成文件的校验码，防止传输过程中发生错误
java验证码简单实现
weixin_43289848的博客
05-30 2221
使用插件：Hutool 1.第一步：添加Hutool插件maven依赖 <!-- Hutool工具 --> <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.2.3</version> </dependency> 2.第二步：使用，这里我使用的是controll
使用hutool工具包生成验证码
lmdbhf的博客
11-01 650
使用hutool工具包生成验证码
小工具 ——快速生成验证码
weixin_30877493的博客
03-12 243
介绍一款简单实用的生成验证码插件Captcha 首先安装插件 pip installCaptcha 编辑器代码如下： #导入captcha插件下image方法 from captcha.image import ImageCaptcha #导入PIL图像处理标准库 from PIL import Image import random import time import...
Spring项目中使用Hutool工具包生成验证码
weixin_65870997的博客
03-18 2315
1. 编程思路： 在登录界面中引入使用Hutool工具包生成的验证码对象图片，再将其验证码对象的文本放入session作用域中，与之后用户填写的验证码做对比 2. 书写顺序 1)丶引入依赖 <!-- 糊涂工具包 --> <!-- https://mvnrepository.com/artifact/cn.hutool/hutool-all --> <dependency> <groupId>cn.hutool&
Spring Boot引入第三方工具EasyCaptcha，生成图形验证码(包含中文验证码和算数验证码)
洛阳泰山的博客
11-09 4538
1.简介  EasyCaptcha，Java图形验证码，支持gif、中文、算术等类型，可用于Java Web、JavaSE等项目。 2.效果展示          算术类型：      中文类型：      内置字体：      3.maven方式引入 <dependencies> <dependency> <groupId>com.github.whvcse</groupI...
Java使用Hutool工具类轻松生成验证码
阿木木AEcru的博客
05-31 2483
本文使用Hutool工具类实现了验证码生成。验证码是一种广泛应用于网络服务中的安全机制，用于验证用户身份，防止恶意软件和自动化脚本的滥用。
常用工具类之使用hutool生成验证码
weixin_53998054的博客
11-13 3387
hutool生成验证码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值