簡単に素敵なキャプチャーを設置できるphpライブラリSecurimageの設置方法 | aoringo works

Size: px

Start display at page:

Download "簡単に素敵なキャプチャーを設置できるphpライブラリSecurimageの設置方法 | aoringo works"

こうじみやくぼ
5 years ago
Views:

プラグインで利するにはちょっと痒いところにが届かないところが多くごろなものを探していました Securimage PHP Captcha?

1 単に素敵なキャプチャーを設置できる php ライブラリ Securimage... / /08/14 1:16 a o r i n g o w o r k s 簡単に素敵なキャプチャーを設置できる php ライブラリ Securimage の設置法作フォームを作る必要があったのですが wordpress プラグインで利するにはちょっと痒いところにが届かないところが多くごろなものを探していました Securimage PHP Captcha??Free Captcha Script Securimage is an open-source free PHP CAPTCHA script for generating complex images and CAPTCHA codes 軽に導カスタマイズできるキャプチャです Securimage PHP Captcha Download ダウンロードはこちらからとりあえず素直に最新バージョンを導してみました内容物はこんな感じ audio や backgrounds なんてディレクトリは設定によって利しないのでお好みでどうぞ全てぶっこみます

2 / 10 2013/08/14 1:16 とりあえずこういう風な構成にしました利法は簡単 1 <img src="./securimage/securimage_show.php" alt="captcha Image" /> と記述するだけです securimage show.php にキャプチャに必要な設定を記述しそれを画像として表する形となります簡単!

2 2 / /08/14 1:16 とりあえずこういう風な構成にしました利法は簡単 1 <img src="./securimage/securimage_show.php" alt="captcha Image" /> と記述するだけです securimage show.php にキャプチャに必要な設定を記述しそれを画像として表する形となります簡単! さてでは早速これを良い感じにカスタマイズしていきましょう securimage ディレクトリの中にある securimage show.php を開きますコメントアウトされている部分これが設定となりますコメントアウトを解除してそれぞれでよろしくやってくれよということなんですね粋です最限のコードを抜き出すと 1 require_once dirname( FILE ). '/securimage.php'; 2 $img = new Securimage(); 3 $img->show(); で OK っぽいです設定メモついでに設定をまとめますフォント指定

3 / 10 2013/08/14 1:16 1 $img->ttf_file = './Quiff.

3 3 / /08/14 1:16 1 $img->ttf_file = './Quiff.ttf'; 表モード変更 1 $img->captcha_type = Securimage::SI_CAPTCHA_MATHEMATIC; この場合は計算式答えを出すタイプですかね字字区別しない 1 $img->case_sensitive = true; 回答率が上がるので true にしないほうがよいとコメントされてますねキャプチャ画像のさと幅 1 $img->image_height = 90; 2 $img->image_width = $img->image_height * M_E; 幅の指定に使われているのはさと M E の掛け算だそうです M E は然数ってやつらしいですよく

4 / 10 2013/08/14 1:16 わかんないです PHP: 定義済み定数 Manual M E = 2.7182818284590452354 = e( 然対数の底 ) 揺らぎ度 1 $img->perturbation =.

4 4 / /08/14 1:16 わかんないです PHP: 定義済み定数 Manual M E = = e( 然対数の底 ) 揺らぎ度 1 $img->perturbation =.75; 数字がくなるほどはちゃめちゃな感じになるそう試しに 1 で設定してみましたぐんにゃりしてらっしゃいます背景 1 $img->image_bg_color = new Securimage_Color("#0099CC"); 字 1 $img->text_color = new Securimage_Color("#EAEAEA");

5 5 / /08/14 1:16 の数 1 $img->num_lines = 8; 三本にしてみましたの 1 $img->line_color = new Securimage_Color("red"); にしたつもりだけれどちゃんと処理できませんでした英単語での指定はだめっぽいですね画像タイプ 1 $img->image_type = SI_IMAGE_JPEG; jpeg として処理します署名 1 $img->image_signature ="testtesttesttesttest"; 署名カラー 1 $img->signature_color = new Securimage_Color("#dedede");

6 6 / /08/14 1:16 字の透過 1 $img->use_transparent_text = true; 透過度 1 $img->text_transparency_percentage = 30; 辞書利 1 $img->use_wordlist = true; ランダムな字ではなく英単語を出します個的には英単語になじみはないので利しないかなと思います出字指定 1 $img->charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; 本語は指定できませんでした

7 7 / /08/14 1:16 字数 1 $img->code_length = rand(5,6); rand を利すれば毎回ランダムな字数のコードを出できますねノイズ 1 $img->noise_level = 5; ノイズの 1 $img->noise_color = $img->text_color; 機械読み取りの難易度を上昇させる効果がありそうですまたノイズのを字と同じにするとさらに効果的でしょう背景画像の利 1 $img->show('backgrounds/bg3.jpg'); フォーム設置クイックガイドを参考にコードを記述とりあえずそのままコピペ 1 <a onclick="document.getelementbyid('captcha').src = './securimage/securimage_show.php?' + Math.random(); return false" href="#">[ Different Image ]</a>

8 / 10 2013/08/14 1:16 [ Different Image ] をクリックする事で画像をれ替えることができます便利すなあフォームのテストコードをとりあえず 1 <form action="" method="post"> 2 <img id="captcha" src="./securimage/securimage_show.

8 8 / /08/14 1:16 [ Different Image ] をクリックする事で画像をれ替えることができます便利すなあフォームのテストコードをとりあえず 1 <form action="" method="post"> 2 <img id="captcha" src="./securimage/securimage_show.php" alt="captcha Image" /> 3 <input type="text" name="captcha_code" size="10" maxlength="10" /> 4 <a href="#" onclick="document.getelementbyid('captcha').src = './securimage /securimage_show.php?' + Math.random(); return false">[ Different Image ]</a> 5 <br> 6 <input type="submit" value="enter"> 7 </form> こういう形にしてみましたさらにクイックガイドを読むと画像を出する前に 1 <?PHP session_start();?> を加えよとのことあとは $ POST と $ SESSION を var dump で表させます 1 <?PHP session_start();?> 2 <form action="" method="post"> 3 <img id="captcha" src="./securimage/securimage_show.php" alt="captcha Image" /> 4 <input type="text" name="captcha_code" size="10" maxlength="10" /> 5 <a href="#" onclick="document.getelementbyid('captcha').src = './securimage /securimage_show.php?' + Math.random(); return false">[ Different Image ]</a> 6 <br> 7 <input type="submit" value="enter"> 8 </form> 9 <br /> 10 post<br> 11 <?php var_dump($_post);?><br> 12 session <br> 13 <?php var_dump($_session)?><br> ちゃんと表されてますね $ SESSION["securimage code disp"] が実際ディスプレイに表されているコードだということがわかりますこれ個前のコードが出てるようですねこれでコードを記し送信すると

9 9 / /08/14 1:16 合いましたこれを組み合わせて認証処理を記述します 1 <?php 2 if (isset($_post['captcha_code'])) { 3 if ($_POST['captcha_code'] == $_SESSION["securimage_code_disp"]["default"]) { 4 echo "okok"; 5 } 6 } 7?> ちなみにこれだめな例です 1 <?php 2 if (isset($_post['captcha_code'])) { 3 echo "okok"; 4 if ($_POST['captcha_code'] == $_SESSION["securimage_code_disp"]["default"]) { 5 6 } 7 } 8?> こういう風にコードを変えて空欄のままポストすると通っちゃうんです string 型の場合未記という形でデータがあることになるようですねめんどいですというわけでこうしましょう 1 <?php if ($_POST['captcha_code']!== "" &&!isset($_post['captcha_code'])) { if ($_POST['captcha_code'] == $_SESSION["securimage_code_disp"]["default"]) { echo "okok"; } }?> ここまでする必要があるのか? というのもありましょうがこれくらいやれば安ですワーニングも回避できますしおすしさらに securimage のエラーチェックコードがありますのでこれも追加します 1 <?php include_once $_SERVER['DOCUMENT_ROOT']. '/test/securimage/securimage.php'; $securimage = new Securimage(); if ($securimage--->check($_post['captcha_code']) == true) { 2 } 3?> 最終的な全体のコードはこちら 1 <?PHP session_start();?> 2 <form action="" method="post"><img src="./securimage/securimage_show.php" alt="captcha Image" /> 3 <input type="text" maxlength="10" name="captcha_code" size="10" />

10 10 / /08/14 1:16 4 <a onclick="document.getelementbyid('captcha').src = './securimage/securimage_show.php?' + Math.random(); return false" href="#">[ Different Image ]</a> 5 6 <input type="submit" value="enter" /></form> 7 <pre> 8 post 9 10 <?php var_dump($_post);?> session <?php var_dump($_session)?> <?php if ($_POST['captcha_code']!= "" && isset($_post['captcha_code'])) { if ($_POST['captcha_code'] == $_SESSION["securimage_code_disp"]["default"]) { include_once $_SERVER['DOCUMENT_ROOT']. '/test/securimage/securimage.php'; $securimage = new Securimage(); if ($securimage--->check($_post['captcha_code']) == true) { 17 echo "okok"; 18 } 19 } 20 } 21?> 私の環境で記述されているので直ししてくださいこれらを通してようやく認証完了となりますしかしこれセッションスタート必要なのか? どうも機械翻訳だとここらへんの理解が難しいですね参考 PHP で CAPTCHA( 画像認証 ) Securimage の使い hrendoh の記 Securimage PHP Captcha Quickstart Guide Securimage PHP Captcha Customizing Securimage update: 2013/03/29 タグ : php, wordpress, まとめ, カスタマイズ, キャプチャ, プラグイリ php 前のページ次ページ Copyright aoringo works. WordPress CMS Theme WSC Project.

<td width=99%><input type="file" size="80" name="file"></td> <td width=1% nowrap align=right valign=top> 削除キー : </td> <td width=99%><input type="passw

<td width=99%><input type=file size=80 name=file></td> <td width=1% nowrap align=right valign=top> 削除キー : </td> <td width=99%><input type=passw PHP 画像掲示板トップページスキン