phpで動的ランダム検証コードを作る方法について-PHPチュートリアル-php.cn

この記事では、PHP で動的ランダム検証コードを作成する方法に関する関連情報を主に紹介します。必要な方は、こちらを参照してください。

検証コード (CAPTCHA) は、「コンピュータに通知するための完全に自動化された公開チューリングテスト」です。 Humans "Apart" ("Automated Turing Test to Distinguish Computers and Human" の略語) は、ユーザーがコンピューターであるか人間であるかを識別する、公開されている完全に自動化されたプログラムです。これにより、悪意のあるパスワードのクラッキング、チケット詐欺、フォーラムのフラッディングが防止され、ハッカーが特定のプログラムを使用して特定の登録ユーザーが継続的にログイン試行することを効果的に阻止できます。実際、確認コードの使用は、多くのユーザーにとって一般的な方法です。この機能は比較的簡単な方法で実装されています。

この質問はコンピュータによって生成および判断できますが、答えることができるのは人間だけです。コンピュータは CAPTCHA の質問に答えることができないため、質問に答えるユーザーは人間であると考えることができます。

Phpの動的検証コード生成はphpの画像処理をベースにしていますまずはphpの画像処理についてご紹介します。

1. php 画像処理の概要

PHP5 では、動的な画像の処理が以前よりもはるかに簡単になりました。 PHP5 には、php.ini ファイルに GD 拡張機能パッケージが含まれています。通常に使用するには、GD 拡張機能パッケージの対応するコメントを削除するだけで済みます。 PHP5 に含まれる GD ライブラリは、アップグレードされた GD2 ライブラリであり、トゥルーカラー画像処理をサポートするいくつかの便利な JPG 関数が含まれています。

一般に生成されたグラフィックスは PHP のドキュメント形式で保存されますが、動的なグラフィックスは HTML の画像挿入メソッド SRC を通じて直接取得できます。たとえば、確認コード、ウォーターマーク、サムネイルなどです。

画像を作成する一般的なプロセス:

1) ヘッダーを設定して、生成する MIME タイプをブラウザーに伝えます。

2) 画像領域を作成し、その後の操作はこの画像領域に基づいて行われます。

3) 空白の画像領域に塗りつぶされた背景を描画します。

4) 背景にグラフィックの輪郭を描いてテキストを入力します。

5).最終的なグラフィックを出力します。

6).すべてのリソースをクリアします。

7) 他のページは画像を呼び出します。

最初のステップは、ファイルの MIME タイプと出力タイプを設定することです。出力タイプを画像ストリームに変更します。

header(&#39;Content-Type: image/png;&#39;);

ログイン後にコピー

通常、生成される画像は png、jpeg、gif、wbmp## です。

# 2 番目のステップは、グラフィックス領域と画像の背景を作成することです。

imagecreatetruecolor() は、サイズ x_size と y_size の黒色の画像を表す画像識別子を返します。構文: resource imagecreatetruecolor (int $width, int $height)

$im = imagecreatetruecolor(200,200);

ログイン後にコピー

3 番目のステップは、空白の画像領域に塗りつぶされた背景を描画することです

カラーフィラーが必要です。画像の場合、色の割り当て; 構文: int imagecolorallocate (resource $image, int $red, int $green, int $blue)

$blue = imagecolorallocate($im,0,102,255);

ログイン後にコピー

この青色を背景に塗りつぶします。 bool imagefill ( resource $image , int $x , int $y , int $color )

imagefill($im,0,0,$blue);

ログイン後にコピー

4 番目のステップは、青色の背景に行やテキストなどを入力することです

Color filler

$white = imagecolorallocate($im,255,255,255);

ログイン後にコピー

2 つの線分を描画します: imageline

imageline() カラー color を使用して、イメージ image の座標 x1、y1 から x2、y2 (画像の左上隅) に線分を描画します。画像は 0, 0)。構文: bool imageline ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )

imageline($im,0,0,200,200,$white);
imageline($im,200,0,0,200,$white);

ログイン後にコピー

文字列を水平方向に描画します: imagestring

imagestring() は、col color を使用して、文字列 s を image で表される画像の x、y 座標に描画します (これは文字列の左上隅の座標であり、画像全体の左上隅は 0, 0 です) ）。フォントが 1、2、3、4、または 5 の場合は、内蔵フォントが使用されます。構文: bool imagestring ( resource $image , int $font , int $x , int $y , string $s , int $col )

imagestring($im,5,66,20,&#39;jingwhale&#39;,$white);

ログイン後にコピー

5 番目のステップは、最終グラフィックを出力することです

#imagepng () GD イメージストリーム (画像) を PNG 形式で標準出力 (通常はブラウザ) に出力するか、ファイル名が指定されている場合はファイルに出力します。構文: bool imagepng (resource $image [, string $filename])

imagepng($im);

ログイン後にコピー

6 番目のステップでは、すべてのリソースをクリアします

imagedestroy() により、画像に関連付けられたメモリを解放します。構文: bool imagedestroy (resource $image)

imagedestroy($im);

ログイン後にコピー

他のページで作成したグラフィックを呼び出す (html)

<img src="Demo4.php" alt="PHP创建的图片" />

ログイン後にコピー

サンプルコードは次のとおりです:

ログイン後にコピー

表示効果:

2. 動的検証コードを作成します

#1. 検証コードを含む画像を作成し、背景をぼかします

ランダムコードは 16 進数を使用します。ぼかした背景とは、画像の背景に線や雪の結晶などを追加することを意味します。

1) ランダムコード

for ($i=0;$i<$_rnd_code;$i++) {
        $_nmsg .= dechex(mt_rand(0,15));
    }

ログイン後にコピー

string dechex (int $number) を作成し、指定された数値パラメーターの 16 進表現を含む文字列を返します。

2) セッションに保存

$_SESSION[&#39;code&#39;] = $_nms

ログイン後にコピー

3) 画像を作成

//创建一张图像
$_img = imagecreatetruecolor($_width,$_height);
//白色
$_white = imagecolorallocate($_img,255,255,255);
//填充
imagefill($_img,0,0,$_white);
if ($_flag) {
//黑色,边框
    $_black = imagecolorallocate($_img,0,0,0);
    imagerectangle($_img,0,0,$_width-1,$_height-1,$_black);
}

ログイン後にコピー

4) 背景をぼかす

//随机画出6个线条
for ($i=0;$i<6;$i++) {
   $_rnd_color = imagecolorallocate($_img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
   imageline($_img,mt_rand(0,$_width),mt_rand(0,$_height),mt_rand(0,$_width),mt_rand(0,$_height),$_rnd_color);
   }
//随机雪花
for ($i=0;$i<100;$i++) {
   $_rnd_color = imagecolorallocate($_img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));
   imagestring($_img,1,mt_rand(1,$_width),mt_rand(1,$_height),&#39;*&#39;,$_rnd_color);
   }

ログイン後にコピー

5) 出力して破棄

//输出验证码
for ($i=0;$i<strlen($_SESSION[&#39;code&#39;]);$i++) {
        $_rnd_color = imagecolorallocate($_img,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));
        imagestring($_img,5,$i*$_width/$_rnd_code+mt_rand(1,10),mt_rand(1,$_height/2),$_SESSION[&#39;code&#39;][$i],$_rnd_color);
    }
//输出图像
header(&#39;Content-Type: image/png&#39;);
imagepng($_img);
//销毁
imagedestroy($_img);

ログイン後にコピー

これを global.func.php グローバル関数ライブラリにカプセル化し、呼び出しやすいように関数名を _code() にします。関数の柔軟性を高めるために、4 つのパラメーター $_width、$_height、$_rnd_code、$_flag を設定します。

* @param int $_width 验证码的长度：如果要6位长度推荐75+50；如果要8位，推荐75+50+50，依次类推
* @param int $_height 验证码的高度
* @param int $_rnd_code 验证码的位数
* @param bool $_flag 验证码是否需要边框：true有边框， false无边框（默认）

封装后的代码如下：

ログイン後にコピー

2.创建验证机制

创建php验证页面，通过session来检验验证码是否一致。

1）创建verification-code.php验证页面

<?php 
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *
 *      This is a freeware
 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$
 */
//设置字符集编码
header(&#39;Content-Type: text/html; charset=utf-8&#39;);
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>verification code</title>
    <link rel="stylesheet" type="text/css" href="style/basic.css" />
</head>
<body>
    <p id="testcode">
        <form method="post" name="verification" action="verification-code.php?action=verification">
            <dl>
                <dd>验证码：<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>
                <dd><input type="submit" class="submit" value="验证" /></dd>
            </dl>
        </form>
    </p>
</body>
</html>

ログイン後にコピー

显示如下：

2）创建产生验证码图片页面

创建codeimg.php为verification-code.php html代码里的img提供验证码图片

首先必须在codeimg.php页面开启session；

其次，将我们封装好的global.func.php全局函数库引入进来；

最后，运行_code();

<?php 
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *      
 *      This is a freeware
 *      $Id: codeimg.php 2015-02-05 20:53:56 jingwhale$
 */
//开启session
session_start();
//引入全局函数库（自定义）
require dirname(__FILE__).&#39;/includes/global.func.php&#39;;
//运行验证码函数。通过数据库的_code方法，设置验证码的各种属性,生成图片
_code(125,25,6,false);
?>

ログイン後にコピー

3）创建session检验机制

首先必须在verification-code.php页面也开启session；

其次，设计提交验证码的方式，本文以get方式提交，当action=verification时提交成功；

最后，创建验证函数，原理是将客户端用户提交的验证码同服务器codeimg.php中session的验证码是否一致；这里有一个js弹窗函数_alert_back()，我们也把它封装在global.func.php里；

修改verification-code.php中php代码如下：

<?php 
/**
 *      [verification-code] (C)2015-2100 jingwhale.
 *
 *      This is a freeware
 *      $Id: verification-code.php 2015-02-05 20:53:56 jingwhale$
 */
//设置字符集编码
header(&#39;Content-Type: text/html; charset=utf-8&#39;);
//开启session
session_start();
//引入全局函数库（自定义）
require dirname(__FILE__).&#39;/includes/global.func.php&#39;;
//检验验证码
if ($_GET[&#39;action&#39;] == &#39;verification&#39;) {
    if (!($_POST[&#39;code&#39;] == $_SESSION[&#39;code&#39;])) {
        _alert_back(&#39;验证码不正确!&#39;);
    }else{
        _alert_back(&#39;验证码通过！&#39;);
    }
}  
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>verification code</title>
    <link rel="stylesheet" type="text/css" href="style/basic.css" />
    <script type="text/javascript" src="js/codeimg.js"></script>
</head>
<body>
    <p id="testcode">
        <form method="post" name="verification" action="verification-code.php?action=verification">
            <dl>
                <dd>验证码：<input type="text" name="code" class="code" /><img src="codeimg.php" id="codeimg"  /></dd>
                <dd><input type="submit" class="submit" value="验证" /></dd>
            </dl>
        </form>
    </p>
</body>
</html>

ログイン後にコピー

3.实现点击验证码图片更新验证码

上面若想实现验证码更新，必须刷新页面；我们写一个codeimg.js函数实现点击验证码图片更新验证码

window.onload = function () {
    var code = document.getElementById(&#39;codeimg&#39;);//通过id找到html中img标签
    code.onclick = function () {//为标签添加点击事件
        this.src=&#39;codeimg.php?tm=&#39;+Math.random();//修改时间，重新指向codeimg.php
    };    
}

ログイン後にコピー

然后在verification-code.php html代码head里它即可。