验证码(二)

[b]image.jsp[/b]
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*"%>
<%@page import="java.io.OutputStream"%>

<%!Color getRandColor(int fc, int bc) {
Random random = new Random();
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
int r = fc + random.nextInt(bc - fc);
int g = fc + random.nextInt(bc - fc);
int b = fc + random.nextInt(bc - fc);
return new Color(r, g, b);
}%>
<%
try {
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
int width = 60, height = 20;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
OutputStream os = response.getOutputStream();
Graphics g = image.getGraphics();
Random random = new Random();
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, height);

g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
g.setColor(getRandColor(160, 200));
for (int i = 0; i < 155; i++) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x, y, x + xl, y + yl);
}
String sRand = "";
for (int i = 0; i < 4; i++) {
String rand = String.valueOf(random.nextInt(10));
sRand += rand;
g.setColor(new Color(20 + random.nextInt(110), 20 + random
.nextInt(110), 20 + random.nextInt(110)));
g.drawString(rand, 13 * i + 6, 16);
}
session.setAttribute("rand", sRand); // 验证码 加入Session
g.dispose();

ImageIO.write(image, "JPEG", os);
os.flush();
os.close();
os = null;
//response.flushBuffer();
out.clear();
out = pageContext.pushBody();
} catch (IllegalStateException e) {
System.out.println(e.getMessage());
e.printStackTrace();
}
%>



[b]login.jsp[/b]

<td class="LoginLabel"> 验证码:
<td>
<h:inputText id="vcode" styleClass="inputValidate"
tabindex="3" required="true" size="8" style="ime-mode:disabled" requiredMessage="*" validatorMessage="验证码不能为空">
</h:inputText>
<h:graphicImage id="rand" url="image.jsp" alt="验证码"
styleClass="validateImg" />
</td>
<td>
<span style="color: #ffffff; font-size: 12px;
cursor: pointer;" onclick="document.getElementById('login:rand').src='image.jsp?'+Math.random();">看不清楚,<br />
更换一张!</span>
</td>
### 谷歌验证码次验证设置教程及常见问题解决方案 #### 一、谷歌次验证的基本原理 谷歌次验证(Google Authenticator)是一种基于时间的一次性密码(TOTP)技术,通过生成动态验证码来增强账户安全性。这种技术不仅安全可靠,还可以在离线状态下使用[^2]。 #### 、设置谷歌次验证的步骤 1. **安装谷歌身份验证器应用** 用户需要在手机上安装谷歌身份验证器(Google Authenticator)应用程序。该应用支持iOS和Android系统。 2. **生成密钥并绑定** 在后端生成一个唯一的密钥,并将其以维码形式展示给用户。用户可以通过扫描维码或手动输入密钥的方式完成绑定。此过程通常需要在1分钟内完成,以确保密钥的有效性[^3]。 ```java // 示例代码:生成密钥并生成维码URL String secretKey = GoogleAuthenticator.generateSecretKey(); String qrCodeUrl = GoogleAuthenticator.getQRBarcodeURL("user@example.com", "IssuerName", secretKey); ``` 3. **验证动态验证码** 绑定完成后,用户每次登录时需要输入由谷歌身份验证器生成的6位数字验证码。后端通过校验算法验证该验证码是否正确。 ```java // 示例代码:验证用户输入的验证码 boolean isValid = GoogleAuthenticator.verifyCode(secretKey, userInputCode, 1); // 1为容错范围 ``` 4. **实现动态刷新验证码功能** 如果验证码图片需要动态刷新,可以通过JavaScript实现点击事件刷新验证码图片的功能[^5]。 ```javascript $("#code_img").click(function () { this.src = "${basePath}kaptcha.jpg?" + Math.random(); // 添加随机参数防止缓存 }); ``` #### 三、常见问题及解决方案 1. **问题:验证码无法生成或不匹配** - **原因**:可能是用户的设备时间与服务器时间不同步。 - **解决方法**:确保用户设备的时间与实际时间一致,或者在后端校验时增加一定的容错范围(如前后30秒内的验证码均有效)。 2. **问题:维码无法扫描或密钥无效** - **原因**:可能是维码生成过程中出现问题,或者密钥格式错误。 - **解决方法**:检查维码生成逻辑是否正确,确保密钥符合Base32编码标准。 3. **问题:用户丢失设备或忘记密钥** - **原因**:用户可能因设备丢失或更换而无法继续使用次验证。 - **解决方法**:提供备用恢复码,并建议用户将恢复码保存在安全的地方。如果用户遗失恢复码,则需要通过其他验证方式(如邮箱或电话)重置密钥[^4]。 4. **问题:验证码每30秒变化一次,导致输入时失效** - **原因**:验证码的有效期较短,用户可能未能及时输入。 - **解决方法**:提示用户在验证码变化初期尽快输入,或者在前端增加倒计时显示功能,帮助用户更好地掌握时间[^4]。 #### 四、注意事项 - 谷歌次验证适用于多种场景,包括但不限于账户登录、资金提取等敏感操作[^4]。 - 开发者应确保密钥的安全性,避免泄露。同时,建议对密钥进行加密存储[^3]。 ```python # 示例代码:加密存储密钥 import hashlib def encrypt_secret_key(secret_key): return hashlib.sha256(secret_key.encode()).hexdigest() ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值