Мы можем видеть наличие кодов проверки на многих веб-страницах. Коды проверки используются для идентификации человека и машины, чтобы предотвратить трату ресурсов сценариями или поисковыми роботами, запрашивающими веб-страницы без ограничений. В этом блоге рассказывается, как настроить Spring и Springboot.Модуль капчи.
Вики-адрес пакета кода подтверждения, используемый в этом блоге https://code.google.com/archive/p/kaptcha/
Пакет руководств по Maven
Сначала введены в Maven подержанные коды, необходимы для упаковки
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>2.3.2</version>
</dependency>
Параметры сервлета конфигурации Web.xml
Затем мы вводим Web.xml для настройки сервлета и конкретных параметров, связанных с проверочным кодом.В соответствии с методом настройки обычного сервлета имя класса сервлета — com.google.code.kaptcha.servlet.KaptchaServlet, который настраивается в servlet-mapping /Kaptcha перехватывает запрос кода подтверждения к сервлету и, наконец, настраивает параметр init-param в сервлете.
<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>125</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>43</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>4</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>/Kaptcha</url-pattern>
</servlet-mapping>
использование Интернета
На интерфейсной веб-странице вам нужно только сделать запрос на «адрес проекта/Капча», чтобы получить код подтверждения. Конкретный код выглядит следующим образом:
<img id="captcha_img" alt="点击更换" title="点击更换"
onclick="changeVerifyCode(this)" src="../Kaptcha" />
Поскольку случайно сгенерированный проверочный код может быть не очень понятным, лучше всего добавить событие клика и щелкнуть проверочный код, чтобы заменить проверочный код.JS-код выглядит следующим образом:
function changeVerifyCode(img) {
img.src="../Kaptcha?"+Math.floor(Math.random()*100);
}
Проверка серверной части
Пользователь вводит проверочный код и инициирует запрос на сервер. Этот запрос содержит проверочный код, введенный пользователем. Фоновая работа заключается в проверке правильности заполнения проверочного кода. Если проверочный код заполнен неправильно, он должен немедленно вернуть сообщение об ошибке, чтобы сообщить пользователю код подтверждения.Правильный контент хранится в Constants.KAPTCHA_SESSION_KEY сеанса, поэтому нам нужно только вынуть правильное содержимое кода подтверждения и содержание проверки код, введенный пользователем для завершения проверки.
public class CodeUtil
{
public static boolean checkVerifyCode(HttpServletRequest request)
{
String verifyCodeExpected= (String) request.getSession().getAttribute(Constants.KAPTCHA_SESSION_KEY);
String verifyCodeActual = HttpServletRequestUtil.getString(request, "verifyCodeActual");
if (verifyCodeActual == null || !verifyCodeActual.toLowerCase().equals(verifyCodeExpected.toLowerCase()))
{
return false;
}
return true;
}
}
Вы можете написать служебный класс для повторного использования кода
Конфигурация кода проверки SpringBoot
Конфигурация SpringBoot на самом деле аналогична конфигурации Spring, за исключением того, что SpringBoot поддерживает де-xmlизацию.Все вышеуказанное содержимое, записанное в xml, необходимо настроить в коде.
Во-первых, запишите информацию о параметрах, которые будут использоваться заранее, в application.properties.
#Kaptcha相关
kaptcha.border=no
kaptcha.textproducer.font.color=red
kaptcha.image.width=135
kaptcha.textproducer.char.string=ACDEFHKPRSTWX345679
kaptcha.image.height=50
kaptcha.textproducer.font.size=43
kaptcha.noise.color=black
kaptcha.textproducer.char.length=4
kaptcha.textproducer.font.names=Arial
Во-вторых, нам нужно настроить собственный файл конфигурации @Configuration перед операцией по замене сервлета в Web.xml, на самом деле конкретная операция также очень проста и очень похожа на предыдущую, объявите конкретный сервлет сопоставления путей или, если вы необходимо настроить параметры инициализации, необходимо использоватьServletRegistrationBean
.
@Bean(name="captchaProducer")
public ServletRegistrationBean servletRegistrationBean() throws ServletException
{
ServletRegistrationBean servlet = new ServletRegistrationBean(new KaptchaServlet(), "/Kaptcha");
servlet.addInitParameter("kaptcha.border", border);
servlet.addInitParameter("kaptcha.textproducer.font.color", fcolor);
servlet.addInitParameter("kaptcha.image.width", width);
servlet.addInitParameter("kaptcha.textproducer.char.string", cString);
servlet.addInitParameter("kaptcha.image.height", height);
servlet.addInitParameter("kaptcha.textproducer.font.size", fsize);
servlet.addInitParameter("kaptcha.noise.color", nColor);
servlet.addInitParameter("kaptcha.textproducer.char.length", clength);
servlet.addInitParameter("kaptcha.textproducer.font.names", fnames);
return servlet;
}
На этом этапе проверочный код SpringBoot настроен.