kaptcha谷歌验证码使用

1.添加pom.xml依赖

在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>

2.添加验证码配置

在web.xml文件中添加配置如下

<!--验证码配置-->
  <servlet>
    <servlet-name>KaptchaServlet</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>KaptchaServlet</servlet-name>
    <url-pattern>/kaptcha.jpg</url-pattern>
  </servlet-mapping>

3.获取谷歌生成的验证码

在后端代码中添加以下代码获取谷歌生成的验证码,需要HttpServletRequest类对象来获取前端请求数据

// 获取谷歌生成的验证码
String token = (String) httpServletRequest.getSession().getAttribute(KAPTCHA_SESSION_KEY);
System.out.println("谷歌生成验证码值:" + token);

4.获取谷歌生成的验证码

前端画面代码如下,可获取生成在session中的谷歌验证码图片

<img src="/kaptcha.jpg" alt="验证码加载失败" style="width: 100px;height: 35px">

5.完成效果

Code中可以输入验证码再由Ajax或是form表单方式将数据传至后端即可做验证码校验