많은 웹사이트에는 로그인 시 인증코드가 있습니다. 아래에서는 인증코드 기능을 구현하는 방법을 소개하겠습니다.
이전 로그인 페이지의 코드에는 다음 섹션이 있습니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no" /> <title>登录页面实例展示</title> <link rel="stylesheet" type="text/css" href="/phpMyAdmin/login.css"/> </head> <body> <p> <span> <input type="text" name="code" id="code" class="pf_ipt_verify w230" placeholder="验证码" autocomplete="off" tabindex="3"/> <img src="/phpMyAdmin/code.php" onClick="this.src='/phpMyAdmin/code.php?nocache='+Math.random()" style="cursor:hand"> </span> </p> </body> </html>
페이지에 표시되는 인증 코드 사진입니다. 인증코드 이미지에 클릭이벤트를 주면 이미지를 한번 클릭하면 다른 숫자로 변경이 가능합니다.
또한 인증코드가 생성되는 방식은 다음과 같습니다.
<?php
session_start();
Header("Content-type:image/PNG");
$im = imagecreate(150,45);
$back = imagecolorallocate($im, 245, 245, 245);
imagefill($im, 0,0, $back);
$vcodes = "";
for($i = 0; $i < 4; $i++){
$font = imagecolorallocate($im, rand(100, 255), rand(0, 100), rand(100, 255));
$authnum = rand(0, 9);
$vcodes .= $authnum;
imagestring($im, 5, 50 + $i * 10, 20, $authnum, $font);
}
$_SESSION['VCODE'] = $vcodes;
for($i=0;$i<200;$i++) {
$randcolor = imagecolorallocate($im, rand(0, 255), rand(0, 255), rand(0, 255));
imagesetpixel($im, rand()%150, rand()%150, $randcolor); //
}
imagepng($im);
imagedestroy($im);
?>코드 생성을 위한 백그라운드 프로그램입니다.
로그인 백엔드 코드에 있는 코드를 판단합니다. 하나는 입력이 있는지 판단하는 것이고, 다른 하나는 입력이 올바른지 판단하는 것입니다.
if(!$_POST['code']){
echo('验证码不能为空');
return;
}else if($_POST['code']!=$_SESSION['VCODE']){
echo('验证码不正确');
return;
}