PHP에서 인증 코드 애플릿을 구현하는 방법-PHP 튜토리얼-php.cn

집

백엔드 개발

PHP 튜토리얼

PHP에서 인증 코드 애플릿을 구현하는 방법

墨辰丷

May 29, 2018 pm 03:35 PM

php 인증코드

이 글에서는 주로 PHP 기반 인증코드 애플릿의 구체적인 구현 방법을 소개하고, 자세한 설명을 해주셔서 이해와 학습에 도움이 됩니다. 필요한 친구들은 함께 살펴보시면 됩니다.

인증코드 기능(개인의 이해) ):

서버에 대한 부담을 줄입니다(예: 12306의 인증 코드 기능)
폭력적인 등록 방지

개인 아이디어: a-z, A-Z, 1-의 n자리 난수 생성 9 새로운 인증 코드를 생성하세요.

인증 코드 생성을 위한 몇 가지 작은 함수

range() //배열을 출력할 범위를 지정하세요
a) 예: range(1,9)
array_merge()//병합 arrays
a) Array_merge(array 1, array 2….)
array_rand(array, amount)
a) 배열에서 무작위로 여러 첨자를 꺼내어 배열을 반환합니다

shuffle(array) //will 다시 완료 배열의 요소를 섞습니다
mt_rand(범위 지정) //더 나은 난수 생성
예: mt_rand(1,5) //1-5 사이의 임의의 숫자 생성

인증 코드 코드 생성

<?php
 $arr1=range(&#39;a&#39;, &#39;z&#39;);//指定范围输出一个数组
 $arr2=range(&#39;A&#39;, &#39;Z&#39;);
 $arr3=range(1,9);
 $arr=array_merge($arr1,$arr2,$arr3); //合并数组
 $index = array_rand($arr,5); //在$arr中随机取5个数，返回值是$arr的下标
 Shuffle($index);
 $code = &#39;&#39;;//定义一个空的字符串来存储生成的验证码用&#39;点&#39;来进行拼接
 foreach ($index as $key => $value) {//遍历数组
 $code.= $arr[$value];//根据下标取数组中的值
 }
 var_dump($code);
?>

로그인 후 복사

실행 결과 스크린샷

완벽: 인증 코드가 현실적으로 보이도록 이미지에 인증 코드를 추가해야 합니다

개선하기 전에 먼저 이미지 생성 소개 이미지 생성을 위한 일반적인 단계

방법 1: 트루 컬러 이미지 생성(빈 캔버스)

imagecreatetruecolor(width, height) //트루 컬러 이미지 생성</ code></span> </p>Description:<p><code>imagecreatetruecolor(width, height) //创建一个真彩色图像

说明:

width : 画布的宽度(像素)
height: 画布的高度(像素)
返回值为图像资源

注意：

为真彩色图像: 填充颜色

imagefill(image, x, y, color) //为图像资源填充颜色

说明:

image //图像资源
x,y,填充的坐标点(注意:填充的与此点最接近的颜色)
color; //用什么颜色来填充

为真彩色图像: 分配颜色

imagecolorallocate(image, red, green, blue)

说明:

image //图像资源
red: //红颜色(0-255) 或 0x(00-ff) //即十六进制来表示 (0xff就是255)
green//绿颜色(0-255)
blue //蓝颜色(0-255)

imagefill和imagecolorallocate的代码演示

在没有给画布填充颜色时的效果

给画布填充颜色时的效果和代码

<?php
//创建图像资源(空白画布)默认显示为黑色
$image = imagecreatetruecolor(300, 400);
//1.image //图像资源
//2.red: //红颜色(0-255) 或 0x(00-ff) //即十六进制来表示 (0xff就是255)
//3.green//绿颜色(0-255)
//4.blue //蓝颜色(0-255)
$color = imagecolorallocate($image, 255, 0, 0);
//1.image //图像资源
//2.x,y,填充的坐标点(注意:填充的与此点最接近的颜色)
//3.color; //用什么颜色来填充
imagefill($image, 0, 0, $color);
//输出图像
header(&#39;content-type:image/jpeg&#39;);
imagejpeg($image);
//销毁图像资源
imagedestroy($image);
?>

로그인 후 복사

结果截图；

输出图像（以jpeg为例）

输出图像到浏览器

a) header('content-type:image/jpeg'); //设置将图像通过浏览来查看

b) imagejpeg(图像资源)

按文件进行输出图像

a) imagejpeg(图像资源,'图像路径',图像的质量) //质量取值0-100

b) 注意:

注意：只能jpeg格式才有质量这个参数.

销毁图像

imagedestroy($image); //销毁图像,释放内存资源.

注意: 当前生成几个图像资源,就销毁几个.

验证码的整个代码：

<?php
//实例:让文本居于图像的正中
//创建图像资源(空白的画布)
$image = imagecreatetruecolor(100, 50);
$color = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));
//为图像资源填充颜色
imagefill($image, 0, 0, $color);
//绘制图像
$font = 5;
//验证码的开始
$arr1 = range(&#39;a&#39;,&#39;z&#39;);
$arr3 = range(&#39;A&#39;,&#39;Z&#39;);
$arr2 = range(1,9);
//array_merge — 合并一个或多个数组
$arr = array_merge($arr1,$arr2,$arr3);
$index = array_rand($arr,5); //随机从原数组中找出5个下标
$string = &#39;&#39;;
foreach ($index as $value) { //$value 两个功能,即是$index中的值,又是$arr中的下标
 $string .= $arr[$value]; //将得到字符进行连接
}
//验证码的结束
//mt_rand — 生成更好的随机数
//echo mt_rand(1,5);die;
//加入点干扰
$pointcolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));
//循环创建1000个干扰点
for ($i=0; $i <1000 ; $i++) {
 imagesetpixel($image, mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)), $pointcolor);
}
//加入线的干扰
$lintecolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));
// 循环创建50个线干扰
for ($i=0; $i <50 ; $i++) {
 imageline($image, mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)), mt_rand(0,imagesx($image)), mt_rand(0,imagesy($image)) ,$lintecolor);
}
//一个字符的宽度 imagefontwidth($font)
//字符串的个数: strlen(字符串)    
//一个字符的宽度*字符串的个数
//所有字符串宽度和= 一个字符的宽度*字符串的个数
//$x = (画布的宽度-所有字符串宽度和)/2
$x = (imagesx($image)-imagefontwidth($font)*strlen($string))/2;
//$y = (画布的高度-字符的高度)/2;
//字符的高度: imagefontheight($font)
$y = (imagesy($image)-imagefontheight($font))/2;
$stringcolor = imagecolorallocate($image, mt_rand(20,200), mt_rand(20,200), mt_rand(20,200));
imagestring($image, $font, $x, $y, $string, $stringcolor);
//输出图像
header(&#39;content-type:image/jpeg&#39;); //设置将图像通过浏览来查看
imagejpeg($image,&#39;&#39;,100); //将图像资源输出
//销毁图像资源
imagedestroy($image); //销毁图像

로그인 후 복사

理解代码中的一些函数

加入干扰的点

imagesetpixel(image, x, y, color)

width: 캔버스 너비(픽셀)

height: 캔버스 높이(픽셀)

반환 값은 이미지 리소스입니다

🎜🎜

🎜🎜참고: 🎜🎜

🎜🎜🎜🎜는 트루 컬러 이미지입니다: 색상 채우기🎜🎜🎜🎜imagefill(image, x, y, color) // 이미지 리소스의 색상 채우기🎜🎜지침: 🎜🎜🎜🎜image //이미지 리소스 🎜🎜🎜🎜x,y, 채워진 좌표점(참고: 가장 가까운 색상으로 채워짐) 이 점)🎜🎜🎜 🎜color; //트루 컬러 이미지를 채우는 데 사용할 색상 🎜🎜🎜🎜🎜🎜: 색상 지정 🎜🎜🎜🎜

imagecolorallocate(image, red, green, blue)</ code>🎜🎜설명: 🎜🎜 🎜🎜image //이미지 리소스🎜🎜🎜🎜red: //빨간색(0-255) 또는 0x(00-ff) //즉, 16진수 표현(0xff는 255)🎜 🎜🎜🎜green// 녹색(0-255)🎜🎜🎜🎜blue //파란색(0-255)🎜🎜🎜🎜이미지 채우기 및 이미지 색상 할당 코드 데모🎜🎜캔버스가 색상으로 채워지지 않을 때의 효과🎜 🎜<img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/007/4999a7361246a05711a6f43947a9356a-3.png"  class="lazy"  alt=""/>🎜🎜캔버스에 색을 채울 때의 효과 및 코드 🎜🎜🎜🎜R<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>imagefontheight(font)获取字体的高度:
imagefontwidth(font)获取字体的宽度:
strlen(字符串)//获取字符串的长度
imagesx(image) //获取画布的宽度
imagesy(image) //获取画布的高度</pre><div class="contentsignin">로그인 후 복사</div></div><div class="contentsignin">로그인 후 복사</div></div>re 🎜SCREENSHOT의 결과; />🎜🎜이미지 출력 (예: jpeg)🎜🎜🎜이미지를 브라우저로 출력🎜🎜🎜a) header('content-type:image/jpeg') //브라우징을 통해 이미지를 볼 수 있도록 설정🎜 🎜b) imagejpeg(이미지 리소스)🎜🎜🎜 파일별로 이미지 출력🎜🎜🎜a) imagejpeg(이미지 리소스, '이미지 경로', 이미지 품질) //품질 값 0~100🎜🎜b) 참고:🎜🎜<img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/007/a581d419f3d107a4dd46392ffd05d85d-7.png"  class="lazy"  alt=""/>🎜🎜참고: jpeg 형식에만 품질 매개변수가 있습니다.🎜🎜🎜 이미지를 삭제합니다🎜🎜🎜< code>imagedestroy($image); //이미지를 삭제하고 메모리 리소스를 해제합니다.

🎜🎜🎜🎜참고: 현재 생성된 이미지 리소스 중 일부를 삭제합니다.🎜🎜🎜🎜The 인증 코드 전체 코드:🎜 🎜🎜🎜

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form name=&#39;frm&#39; method=&#39;post&#39; action=&#39;&#39;>
 <table width="30%" border="2" align="center" rules="all" cellpadding="10">
 <tr>
  <th colspan="2">请输入信息</th>
 </tr>
 <tr>
  <th>姓名:</th>
  <th><input type="text" name="username"></input></th>
 </tr>
 <tr>
  <th>密码:</th>
  <th><input type="password" name="userpwd"></input></th>
 </tr>
 <tr> 555556
  <th>验证码</th>
  <th><input type = &#39;text&#39; name = &#39;checkcode&#39;></input><img src="21.php" style="cursor:pointer" onclick="this.src=&#39;21.php&#39;?+Math.random()"></th>
 </tr>
 <tr>
  <th colspan="2"><input type="submit" name="submit" value="提交"></input></th>
 </tr>
</table>
</form>
</body>
</html>

로그인 후 복사

🎜🎜🎜🎜🎜코드의 일부 기능 이해🎜🎜🎜🎜🎜간섭 지점 추가🎜🎜🎜🎜

imagesetpixel(image, x, y, color)</ code>🎜🎜지침: x , y는 점의 좌표입니다🎜🎜🎜🎜🎜🎜🎜간섭선을 추가하세요🎜🎜🎜<p><code>imageline(image, x1, y1, x2, y2, color)

说明: x1,y1是线的一个端点坐标; x2,y2是线的另一个端口的坐标; 由两点画一条线

让验证码居于图像的正中

imagefontheight(font)获取字体的高度:
imagefontwidth(font)获取字体的宽度:
strlen(字符串)//获取字符串的长度
imagesx(image) //获取画布的宽度
imagesy(image) //获取画布的高度

로그인 후 복사

最后运行结果

再次完善（和html代码结合起来）

Html代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form name=&#39;frm&#39; method=&#39;post&#39; action=&#39;&#39;>
 <table width="30%" border="2" align="center" rules="all" cellpadding="10">
 <tr>
  <th colspan="2">请输入信息</th>
 </tr>
 <tr>
  <th>姓名:</th>
  <th><input type="text" name="username"></input></th>
 </tr>
 <tr>
  <th>密码:</th>
  <th><input type="password" name="userpwd"></input></th>
 </tr>
 <tr> 555556
  <th>验证码</th>
  <th><input type = &#39;text&#39; name = &#39;checkcode&#39;></input><img src="21.php" style="cursor:pointer" onclick="this.src=&#39;21.php&#39;?+Math.random()"></th>
 </tr>
 <tr>
  <th colspan="2"><input type="submit" name="submit" value="提交"></input></th>
 </tr>
</table>
</form>
</body>
</html>

로그인 후 복사

理解；