带有PHP和GD的简单验验

>请注意，尽管有更好的自动第三方解决方案，例如Recaptcha，但该教程旨在仅解释和证明此类技术的实际运行方式。我们不会解释什么验证码实际上是什么，因为它被认为是常识，并且已经在其他地方进行了更详细的范围。

钥匙要点

PHP中的GD（图形绘制）库可用于创建验证码图像，该图像通常由形状，失真和文本组成。

• 码验证验证过程涉及将用户的输入与会话变量中存储的验证码字符串进行比较。如果输入与验证码字符串匹配，则将用户的响应视为正确。
> 为了确保始终刷新验证码图像，并且不会从浏览器缓存中检索，可以使用php。
• 本教程演示了如何创建简单的验证码，建议使用更安全，更可访问的第三方解决方案（例如recaptcha）进行生产应用程序。
• 绘制验证码
• >您必须在继续之前安装GD（图形绘制）库。该库可以通过内置的PHP功能绘制图形和图像。要安装它，请运行sudo apt-get安装php5-gd或在基于非Ubuntu的操作系统上，请按照说明进行操作。
验证码通常由三件事组成 - 形状，失真和文本。
• 我们将遵循下面提到的步骤：

>在浏览器上显示一个空图像。

>创建一个形状。

生成随机线。

1. 生成随机文本。
本文中使用的过程样式仅出现仅是因为这是概念的证明，并且使最终文件尽可能简单。在一个真实的项目中，您会oop。
3. >
显示一个空图像
>图像将由HTML处理，就好像使用“ IMG”标签显示外部图像一样。使用了两个功能 - 一个用于创建图像，另一个用于显示。
5. >

display（）函数除了在浏览器中显示图像的普通HTML代码外，没有其他内容。除此之外，只能进行样式以使输出看起来可显示。

请注意，功能imagepng（）将是我们函数的最后一行，以下所有步骤将仅在此函数调用之前插入create_image（）函数中，否则它们不会生效。

将颜色分配给变量，因为它将颜色的RGB组合作为参数。以下代码将附加在create（）函数中。

<span><span><?php
</span></span><span><span>session_start();
</span></span><span><span>?></span>
</span>
    <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
</span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
</span>
    <span><span><?php
</span></span><span>    <span>create_image();
</span></span><span>    <span>display();
</span></span><span>    <span>/***** definition of functions *****/
</span></span><span>    <span>function display()
</span></span><span>    <span>{
</span></span><span>        <span>?></span>
</span>
        <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
</span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
</span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
</span>
            <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
</span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
</span>            <span><span><span></div</span>></span>
</span>            //div1 ends
        <span><span><span></div</span>></span>                          //div2 ends
</span>
    <span><span><?php
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>function  create_image()
</span></span><span>    <span>{
</span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
</span></span><span>        <span>imagepng($image, "image.png");
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>?></span>
</span>    <span><span><span></body</span>></span>
</span><span><span><?php
</span></span><span><span>?></span></span>

生成随机线。

现在，我们实际上是从使验证码的失真部分开始。在PHP中，线从起点（x1，y1）到终点（x2，y2）生成。现在，当我们希望线条触摸盒子的两端时，我们将保持坐标为，即我们的盒子的完整宽度。 坐标将被随机生成。这将仅创建一个随机行。我们将通过将此功能放入for循环中来生成多行。

imageLine（）函数将x1，x2，y1，y2坐在该顺序中作为参数，除了线的图像参考和颜色。线色已被分配，就像在上一步中分配了背景颜色一样。

> y坐标是rand（）*p给出的，因为这是我们盒子的高度，并且始终将返回50以下的值。您可以使用rand（0,50）。它们将产生相同的输出范围。

<span>$background_color = imagecolorallocate($image, 255, 255, 255);  
</span><span>imagefilledrectangle($image,0,0,200,50,$background_color);</span>

生成随机点。

随机点将以与随机线相同的方式生成。使用的函数是ImagesetPixel（）。此函数采用将点将点放在框中的坐标值的值。>

>通过使用rand（）* 0随机生成X坐标，因为这是我们盒子的宽度，这将始终返回200岁以下的值。您可以使用RAND（0,200）。它们将产生相同的输出范围。 y坐标的生成如线步中。

生成随机文本

>我们将随机指向字符串中的一个位置（其中包含在下层和高层中的字母），并将其分配给变量$ letter

<span><span><?php
</span></span><span><span>session_start();
</span></span><span><span>?></span>
</span>
    <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
</span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
</span>
    <span><span><?php
</span></span><span>    <span>create_image();
</span></span><span>    <span>display();
</span></span><span>    <span>/***** definition of functions *****/
</span></span><span>    <span>function display()
</span></span><span>    <span>{
</span></span><span>        <span>?></span>
</span>
        <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
</span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
</span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
</span>
            <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
</span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
</span>            <span><span><span></div</span>></span>
</span>            //div1 ends
        <span><span><span></div</span>></span>                          //div2 ends
</span>
    <span><span><?php
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>function  create_image()
</span></span><span>    <span>{
</span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
</span></span><span>        <span>imagepng($image, "image.png");
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>?></span>
</span>    <span><span><span></body</span>></span>
</span><span><span><?php
</span></span><span><span>?></span></span>

放入循环时，看起来像

<span>$background_color = imagecolorallocate($image, 255, 255, 255);  
</span><span>imagefilledrectangle($image,0,0,200,50,$background_color);</span>

我们将解释行

<span>$line_color = imagecolorallocate($image, 64,64,64); 
</span><span>for($i=0;$i<10;$i++) {
</span>    <span>imageline($image,0,rand()%50,200,rand()%50,$line_color);
</span><span>}</span>

在下一节中。

函数Imagestring（）在我们的图像中写入文本。它有6个参数：

1. >图像参考。
文本的字体大小（最多可以是5）。
x坐标（每个字母比例更改）。
y坐标（保持相同，尽管我们也可以随机更改此）。
>要编写的实际字符串。
5. 文本的字体色。
6. 如果您希望具有更大的字体和不同的字体样式，
>也可以使用函数imagettftext（）。对于文本的角度和字体样式，它还需要2个其他论点。

X坐标的计算是通过检查完成的。大概，这些字母的间距约为35个像素（5（$ i*30）），其中$ i = 0,1,2,3,4,5,6。这是因为如果我们将这个值保持在15-20px左右，则可能会有两个字母重叠。如果该值超过40px，则完全不适合盒子。

最终的验证码看起来像这样

可以通过使用像素或更改颜色或大小来创建设计来实现更多随机性。>

>在这里采取用户的响应，然后在处理后，他/她会收到答复。首先，使用输入文本框和提交按钮制作一个简单的表单。根据复杂的Web应用程序的要求，可以有许多方法来处理验证码。但是，出于此示例，请保持简单，我们将在同一页面上对其进行处理。

>在上一个代码段中未解释的两行现在开始发挥作用：>

$ word。= $ letter; - 串联操作员。用于一个接一个地附加所有单个字母，生成6个字母的单词。

$ _ session ['catcha_string'] = $ word;我们的验证码字符串存储在会话变量中，该变量将用于验证目的。

1. 我们将更改display（）的定义以添加类似形式的结构。>
将使用两个提交按钮，一个将字符串提交，另一个提交按钮刷新页面。
>将在两个关闭的DIV标签之间添加以下行（请参阅上一个display（）函数中的注释）

<span><span><?php
</span></span><span><span>session_start();
</span></span><span><span>?></span>
</span>
    <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
</span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
</span>
    <span><span><?php
</span></span><span>    <span>create_image();
</span></span><span>    <span>display();
</span></span><span>    <span>/***** definition of functions *****/
</span></span><span>    <span>function display()
</span></span><span>    <span>{
</span></span><span>        <span>?></span>
</span>
        <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
</span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
</span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
</span>
            <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
</span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
</span>            <span><span><span></div</span>></span>
</span>            //div1 ends
        <span><span><span></div</span>></span>                          //div2 ends
</span>
    <span><span><?php
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>function  create_image()
</span></span><span>    <span>{
</span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
</span></span><span>        <span>imagepng($image, "image.png");
</span></span><span>    <span>}
</span></span><span>
</span><span>    <span>?></span>
</span>    <span><span><span></body</span>></span>
</span><span><span><?php
</span></span><span><span>?></span></span>

>在进一步移动之前，我们必须知道何时显示以及何时不显示输入框。它将仅显示

1. 如果页面刚刚加载。
2. 如果用户的答案不正确。

>每次单击提交按钮时，使用$标志设置为“ 1”来满足第一个条件。最初，它已设置为任何其他值。通过检查我们的会话变量中存储的值是否与用户输入相同（请参见下面的代码）来实现第二个条件。

<span>$background_color = imagecolorallocate($image, 255, 255, 255);  
</span><span>imagefilledrectangle($image,0,0,200,50,$background_color);</span>

<span>$line_color = imagecolorallocate($image, 64,64,64); 
</span><span>for($i=0;$i<10;$i++) {
</span>    <span>imageline($image,0,rand()%50,200,rand()%50,$line_color);
</span><span>}</span>

<span>$pixel_color = imagecolorallocate($image, 0,0,255);
</span><span>for($i=0;$i<1000;$i++) {
</span>    <span>imagesetpixel($image,rand()%200,rand()%50,$pixel_color);
</span><span>}  </span>

<span>$letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
</span><span>$len = strlen($letters);
</span><span>$letter = $letters[rand(0, $len-1)];
</span>
<span>$text_color = imagecolorallocate($image, 0,0,0);</span>

<span>for ($i = 0; $i< 6;$i++) {
</span>    <span>$letter = $letters[rand(0, $len-1)];
</span>    <span>imagestring($image, 5,  5+($i*30), 20, $letter, $text_color);
</span>    <span>$word.=$letter;
</span><span>}
</span><span>$_SESSION['captcha_string'] = $word;</span>

<span>$word.=$letter;
</span><span>$_SESSION['captcha_string'] = $word;   </span>

以上是带有PHP和GD的简单验验的详细内容。更多信息请关注PHP中文网其他相关文章！