java实现kaptcha网页验证码验证
首先来了解一下什么是验证码:
- 验证码(captcha) ∶是一种区分用户是计算机还是人的公共全自动程序。
- 作用∶可以防止恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。实际上用验证码是现在很多网站通行的方式(比如招商银行的网上个人银行,百度社区),我们利用比较简易的方式实现了这个功能。
下面便一起来了解kaptcha吧
首先要了解什么是kaptcha?
- 它一个java开源的验证码工具包,kaptcha 是一个非常实用的验证码生成工具,可以通过配置生成多样化的验证码。
- 当然除了kaptcha可以实现验证码外,还可以通过servlet、jcaptcha来实现验证码。
kaptcha工作的原理:
- 调用 com.google.code.kaptcha.servlet.kaptchaservlet,生成一个图片。
- 同时将生成的验证码字符串放到 httpsession中。
相关文章:
springboot整合kaptcha验证码,复制粘贴即可用
我的项目目录:
一、引入maven依赖
pom.xml:
<!-- https://mvnrepository.com/artifact/com.github.penggle/kaptcha --> <dependency> <groupid>com.github.penggle</groupid> <artifactid>kaptcha</artifactid> <version>2.3.2</version> </dependency>
二、编写servlet
kaptcha可配置项参考:
kaptcha.border --------------------------------------------------是否有边框 默认为true 我们可以自己设置yes,no
kaptcha.border.color -------------------------------------------边框颜色 默认为color.black
kaptcha.border.thickness -------------------------------------边框粗细度 默认为1
kaptcha.producer.impl -----------------------------------------验证码生成器 默认为defaultkaptcha
kaptcha.textproducer.impl ------------------------------------验证码文本生成器 默认为defaulttextcreator
kaptcha.textproducer.char.string ----------------------------验证码文本字符内容范围 默认为abcde2345678gfynmnpwx
kaptcha.textproducer.char.length ---------------------------验证码文本字符长度 默认为5
kaptcha.textproducer.font.names ---------------------------验证码文本字体样式 默认为new font(“arial”, 1, fontsize), new font(“courier”, 1, fontsize)
kaptcha.textproducer.font.size ------------------------------验证码文本字符大小 默认为40
kaptcha.textproducer.font.color -----------------------------验证码文本字符颜色 默认为color.black
kaptcha.textproducer.char.space -------------------------- 验证码文本字符间距 默认为2
kaptcha.noise.impl ----------------------------------------------验证码噪点生成对象 默认为defaultnoise
kaptcha.noise.color ---------------------------------------------验证码噪点颜色 默认为color.black
kaptcha.obscurificator.impl ------------------------------------验证码样式引擎 默认为waterripple
kaptcha.word.impl -----------------------------------------------验证码文本字符渲染 默认为defaultwordrenderer
kaptcha.background.impl --------------------------------------验证码背景生成器 默认为defaultbackground
kaptcha.background.clear.from ------------------------------验证码背景颜色渐进 默认为color.light_gray
kaptcha.background.clear.to ----------------------------------验证码背景颜色渐进 默认为color.white
kaptcha.image.width --------------------------------------------验证码图片宽度 默认为200
kaptcha.image.height -------------------------------------------验证码图片高度 默认为50
在web.xml文件中配置kaptcha与它的servlet映射等。
web.xml:
<?xml version="1.0" encoding="utf-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <!-- 登陆验证码kaptcha 2--> <servlet> <servlet-name>kaptcha</servlet-name> <servlet-class> com.google.code.kaptcha.servlet.kaptchaservlet </servlet-class> <init-param> <description>图片边框,合法值:yes , no</description> <param-name>kaptcha.border</param-name> <param-value>yes</param-value> </init-param> <init-param> <description> 边框颜色,合法值: r,g,b (and optional alpha) 或者 white,black,blue. </description> <param-name>kaptcha.border.color</param-name> <param-value>black</param-value> </init-param> <init-param> <description>边框厚度,合法值:>0</description> <param-name>kaptcha.border.thickness</param-name> <param-value>1</param-value> </init-param> <init-param> <description>图片宽 200</description> <param-name>kaptcha.image.width</param-name> <param-value>200</param-value> </init-param> <init-param> <description>图片高 50</description> <param-name>kaptcha.image.height</param-name> <param-value>50</param-value> </init-param> <init-param> <description>图片实现类</description> <param-name>kaptcha.producer.impl</param-name> <param-value> com.google.code.kaptcha.impl.defaultkaptcha </param-value> </init-param> <init-param> <description>文本实现类</description> <param-name>kaptcha.textproducer.impl</param-name> <param-value> com.google.code.kaptcha.text.impl.defaulttextcreator </param-value> </init-param> <init-param> <description>文本集合,验证码值从此集合中获取</description> <param-name>kaptcha.textproducer.char.string</param-name> <param-value>1234567890</param-value> <!--<param-value>abcde2345678gfynmnpwx</param-value>--> </init-param> <init-param> <description>验证码长度 5</description> <param-name>kaptcha.textproducer.char.length</param-name> <param-value>5</param-value> </init-param> <init-param> <description>字体 arial, courier</description> <param-name>kaptcha.textproducer.font.names</param-name> <param-value>arial, courier</param-value> </init-param> <init-param> <description>字体大小 40px.</description> <param-name>kaptcha.textproducer.font.size</param-name> <param-value>40</param-value> </init-param> <init-param> <description> 字体颜色,合法值: r,g,b 或者 white,black,blue. </description> <param-name>kaptcha.textproducer.font.color</param-name> <param-value>black</param-value> </init-param> <init-param> <description>文字间隔 2</description> <param-name>kaptcha.textproducer.char.space</param-name> <param-value>2</param-value> </init-param> <init-param> <description>干扰实现类</description> <param-name>kaptcha.noise.impl</param-name> <param-value> <!-- com.google.code.kaptcha.impl.nonoise --> com.google.code.kaptcha.impl.defaultnoise </param-value> </init-param> <init-param> <description> 干扰颜色,合法值: r,g,b 或者 white,black,blue. </description> <param-name>kaptcha.noise.color</param-name> <param-value>black</param-value> </init-param> <init-param> <description> 图片样式: 水纹com.google.code.kaptcha.impl.waterripple 鱼眼com.google.code.kaptcha.impl.fisheyegimpy 阴影com.google.code.kaptcha.impl.shadowgimpy </description> <param-name>kaptcha.obscurificator.impl</param-name> <param-value> com.google.code.kaptcha.impl.waterripple </param-value> </init-param> <init-param> <description>背景实现类</description> <param-name>kaptcha.background.impl</param-name> <param-value> com.google.code.kaptcha.impl.defaultbackground </param-value> </init-param> <init-param> <description>背景颜色渐变,开始颜色</description> <param-name>kaptcha.background.clear.from</param-name> <param-value> black</param-value> </init-param> <init-param> <description>背景颜色渐变,结束颜色</description> <param-name>kaptcha.background.clear.to</param-name> <param-value>white</param-value> </init-param> <init-param> <description>文字渲染器</description> <param-name>kaptcha.word.impl</param-name> <param-value> com.google.code.kaptcha.text.impl.defaultwordrenderer </param-value> </init-param> <init-param> <description> session中存放验证码的key键 </description> <param-name>kaptcha.session.key</param-name> <param-value>kaptcha_session_key</param-value> </init-param> <init-param> <description> 生成kaptcha的日期被放入httpsession中。这是会话中该项的键值。 </description> <param-name>kaptcha.session.date</param-name> <param-value>kaptcha_session_date</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>kaptcha</servlet-name> <url-pattern>/randomcode.jpg</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
三、编写:页面、判断与跳转
1、只有数字的验证码
index.jsp:
<%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>randomcode</title> <script type="text/javascript"> function changer(node){ // 用于点击时产生不同的验证码 node.src = "randomcode.jpg?time="+new date().gettime() ; } </script> </head> <body> <img alt="random" src="randomcode.jpg" onclick="changer(this)" style="cursor: pointer;"> <form action="check.jsp"> <input type="text" name="r"> <input type="submit" value="确认"> </form> </body> </html>
check.jsp:
<%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>check</title> </head> <body> <% // 检查是否是正确的验证码 string k = (string) session .getattribute(com.google.code.kaptcha.constants.kaptcha_session_key); string str = request.getparameter("r"); str = new string(str.getbytes("iso-8859-1"),"utf-8"); if (k.equals(str)) out.print("输入验证码正确!"); else out.print("输入验证码错误!!!"); out.print("验证码为:" + k + ",你输入的验证码为:" + str); %> </body> </html>
结果为:
2、含义数字、字母、中文的验证码
以上便是数字验证码,那如果加字母和中文 呢???
更改web.xml的文本实现类,导入自己创建的类:
我的web.xml的引入和我类的位置:(自行寻找到进行更换)
<init-param> <description>文本实现类</description> <param-name>kaptcha.textproducer.impl</param-name> <param-value> com.kaptcha.chinesetext </param-value> </init-param>
chinesetext.java:
package com.kaptcha; import java.util.random; import com.google.code.kaptcha.text.textproducer; import com.google.code.kaptcha.util.configurable; public class chinesetext extends configurable implements textproducer { public string gettext() { int length = getconfig().gettextproducercharlength(); string finalword = "", firstword = ""; int tempint = 0; string[] array = { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f","g", "h", "i", "j", "k"}; random rand = new random(); for (int i = 0; i < length; i++) { switch (rand.nextint(array.length)) { case 1: tempint = rand.nextint(26) + 65; firstword = string.valueof((char) tempint); break; case 2: int r1, r2, r3, r4; string strh, strl; // high&low r1 = rand.nextint(3) + 11; if (r1 == 13) { r2 = rand.nextint(7); } else { r2 = rand.nextint(16); } r3 = rand.nextint(6) + 10; if (r3 == 10) { r4 = rand.nextint(15) + 1; } else if (r3 == 15) { r4 = rand.nextint(15); } else { r4 = rand.nextint(16); } strh = array[r1] + array[r2]; strl = array[r3] + array[r4]; byte[] bytes = new byte[2]; bytes[0] = (byte) (integer.parseint(strh, 16)); bytes[1] = (byte) (integer.parseint(strl, 16)); firstword = new string(bytes); break; default: tempint = rand.nextint(10) + 48; firstword = string.valueof((char) tempint); break; } finalword += firstword; } return finalword; } }
这个的效果:
3、两个数相加的验证码
运行都是ok的,学到这里那两个数的算式验证码应该如何实现呢???
首先,我们就要更改servlet里的kaptcha的默认的kaptchaservlet,自己在写一个,还有就是我们的是两个数的算法,那也就要更改验证码长度的长度,还有更改我们上面实现的中文和字母换回默认值。
先更改一下web.xml:(自行寻找进行更换)
<servlet-class> com.kaptcha.kaptchaservlet </servlet-class>
<init-param> <description>文本实现类</description> <param-name>kaptcha.textproducer.impl</param-name> <param-value> com.google.code.kaptcha.text.impl.defaulttextcreator </param-value> </init-param>
<init-param> <description>验证码长度 2</description> <param-name>kaptcha.textproducer.char.length</param-name> <param-value>2</param-value> </init-param>
kaptchaservlet.java:
package com.kaptcha; import com.google.code.kaptcha.producer; import com.google.code.kaptcha.util.config; import javax.imageio.imageio; import javax.servlet.servlet; import javax.servlet.servletconfig; import javax.servlet.servletexception; import javax.servlet.servletoutputstream; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import java.awt.image.bufferedimage; import java.io.ioexception; import java.util.enumeration; import java.util.properties; public class kaptchaservlet extends httpservlet implements servlet { private properties props; private producer kaptchaproducer; private string sessionkeyvalue; public kaptchaservlet() { this.props = new properties(); this.kaptchaproducer = null; this.sessionkeyvalue = null; } public void init(servletconfig conf) throws servletexception { super.init(conf); 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(); } public void doget(httpservletrequest req, httpservletresponse resp) throws servletexception, ioexception { resp.setdateheader("expires", 0l); resp.setheader("cache-control", "no-store, no-cache, must-revalidate"); resp.addheader("cache-control", "post-check=0, pre-check=0"); resp.setheader("pragma", "no-cache"); resp.setcontenttype("image/jpeg"); string captext = this.kaptchaproducer.createtext(); string s1 = captext.substring(0, 1); string s2 = captext.substring(1, 2); int r = integer.valueof(s1).intvalue() + integer.valueof(s2).intvalue(); req.getsession().setattribute(this.sessionkeyvalue, string.valueof(r)); bufferedimage bi = this.kaptchaproducer.createimage(s1+"+"+s2+"=?"); servletoutputstream out = resp.getoutputstream(); imageio.write(bi, "jpg", out); try { out.flush(); } finally { out.close(); } } }
效果为:
总结
以上便是比较简单的java实现验证码的操作
这些仅为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论