Javaでnetbeansとmysqlを使用してWebアプリケーションを開発しています。アプリケーションには登録フォームがあります。ユーザーがフォームを送信すると、クライアント側とサーバー側の検証が実行されます。
次に、フォームにキャプチャを挿入します。挿入するにはどうすればよいですか。また、ユーザーが正しいキャプチャ値を入力したことを確認するにはどうすればよいですか。
キャプチャコードは、サーブレットのdoGet(...)メソッド内で変更を加えることなく機能します。
package test.captcha;
import Java.awt.Color;
import Java.awt.Font;
import Java.awt.Graphics2D;
import Java.awt.image.BufferedImage;
import Java.io.IOException;
import Java.io.OutputStream;
import Java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class CaptchaServlet extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("image/jpg");
/*
* Define number characters contains the captcha image, declare global
*/
int iTotalChars = 6;
/*
* Size image iHeight and iWidth, declare globl
*/
int iHeight = 40;
int iWidth = 150;
/*
* font style
*/
Font fntStyle1 = new Font("Arial", Font.BOLD, 30);
Font fntStyle2 = new Font("Verdana", Font.BOLD, 20);
/*
* Possible random characters in the image
*/
Random randChars = new Random();
String sImageCode = (Long.toString(Math.abs(randChars.nextLong()), 36)).substring(0, iTotalChars);
/*
* BufferedImage is used to create a create new image
*/
/*
* TYPE_INT_RGB - does not support transpatency, TYPE_INT_ARGB - support transpatency
*/
BufferedImage biImage = new BufferedImage(iWidth, iHeight, BufferedImage.TYPE_INT_RGB);
Graphics2D g2dImage = (Graphics2D) biImage.getGraphics();
// Draw background rectangle and noisey filled round rectangles
int iCircle = 15;
//g2dImage.fillRect(0, 0, iWidth, iHeight);
for (int i = 0; i < iCircle; i++) {
g2dImage.setColor(new Color(randChars.nextInt(255), randChars.nextInt(255), randChars.nextInt(255)));
int iRadius = (int) (Math.random() * iHeight / 2.0);
int iX = (int) (Math.random() * iWidth - iRadius);
int iY = (int) (Math.random() * iHeight - iRadius);
//g2dImage.fillRoundRect(iX, iY, iRadius * 2, iRadius * 2,100,100);
}
g2dImage.setFont(fntStyle1);
for (int i = 0; i < iTotalChars; i++) {
g2dImage.setColor(new Color(randChars.nextInt(255), randChars.nextInt(255), randChars.nextInt(255)));
if (i % 2 == 0) {
g2dImage.drawString(sImageCode.substring(i, i + 1), 25 * i, 24);
} else {
g2dImage.drawString(sImageCode.substring(i, i + 1), 25 * i, 35);
}
}
/*
* create jpeg image and display on the screen
*/
OutputStream osImage = response.getOutputStream();
ImageIO.write(biImage, "jpeg", osImage);
//osImage.close();
/*
* Dispose function is used destory an image object
*/
g2dImage.dispose();
HttpSession session = request.getSession();
session.setAttribute("dns_security_code", sImageCode);
//System.out.println("Captcha Page :"+session.getAttribute("dns_security_code"));
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
}
webアプリケーション記述子が存在しない場合は作成します:/WEB-INF/web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://Java.Sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://Java.Sun.com/xml/ns/javaee http://Java.Sun.com/xml/ns/javaee/web-app_3_0.xsd">
<servlet>
<servlet-name>CaptchaServlet</servlet-name>
<servlet-class>test.captcha.CaptchaServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CaptchaServlet</servlet-name>
<url-pattern>/captcha-image.jpg</url-pattern>
</servlet-mapping>
</web-app>
グーグルするだけでたくさんの例が見つかります。これが最初のもので、始めるのに十分簡単です http://www.devmanuals.com/tutorials/Java/jsp/captcha.html
ここでは、サンプルコードを使用します。それが役に立てば幸い。
ReCAPTCHAを試してください https://developers.google.com/recaptcha/ -複数のプログラミング言語(Java/JSPを含む)用の実証済みのプラグインを備えた広く使用されているライブラリ-プラグインのセクションを参照してください。ところで、サーバー側で処理しなくてもこのライブラリを使用できます。「プラグインなしで表示」および「プラグインなしで確認」のセクションを参照してください。
このコードは機能しています:
// jspページに配置します
<div class="form-cont">
<img src="CaptchaImg.jpg" alt="image">
</div>
<div class="form-cont">
<input autocomplete="off" type="text" class="captcha input-Elm" tabindex="3"
placeholder="Captcha Code" name="j_captcha_response" id="j_captcha_response"
maxlength="4">
</div>
//PUT in YOUR class
String parm = httpServletRequest.getParameter("j_captcha_response");
String captchaKey = (String)session.getAttribute(CaptchaServlet.CAPTCHA_KEY) ;
if(parm.equalsIgnoreCase(captchaKey)){
true
//CODE HERE
}
else{
faLSE
ERROR HERE
}