EC-CUBEにSecurimageでCAPTCHAを導入

EC-CUBEにSecurimageでCAPTCHAを導入

eccube

EC-CUBEネタ第3弾、EC-CUBEにCAPTCHAを導入です
実際に作ったものなので動作すると思いますが、結構前にやったことなので記憶が曖昧だったり

もし動かなかったら教えてもらえれば対応します

※こちらは2.4系でのカスタマイズ方法になります
2.12系以降の方はプラグインを公開してありますのでご利用ください
EC-CUBE-CAPTCHAプラグインを作りました

Securimageの入手

こちらからダウンロードします
http://www.phpcaptcha.org/

securimage_show.phpの修正

SecurimageはSESSIONを使って認証を行うのでEC-CUBEのSESSIONを使えるようにちょこっと修正してあげる必要があります

require_once 'securimage.php';
require_once '../require.php'; //追加

$img = new securimage();

// Change some settings

//$img>image_width = 275;
//$img>image_height = 90;
//$img>perturbation = 0.9; // 1.0 = high distortion, higher numbers = more distortion
//$img>image_bg_color = new Securimage_Color("#0099CC");
//$img>text_color = new Securimage_Color("#EAEAEA");
//$img>text_transparency_percentage = 65; // 100 = completely transparent
//$img>num_lines = 8;
//$img>line_color = new Securimage_Color("#0000CC");
//$img>signature_color = new Securimage_Color(rand(0, 64), rand(64, 128), rand(128, 255));
//$img>image_type = SI_IMAGE_PNG;

$img>show(); // alternate use:  $img>show('/path/to/background_image.jpg');

※もっとオプションを設定したい人はこちらを参考にしてください
PHPでCAPTCHA(画像認証) Securimageの使い方 – hrendohの日記

必要なファイルのアップロード

securimage_show.php
securimage.php
AHGBold.ttf
words

これだけが最低限あれば大丈夫、だと思いますがsecurimage丸ごとでも全然いいと思います

SC_CheckError.phpに追記

    /**
     * CAPTCHAが正しいかチェックする
     *
     * @access private
     * @param array $value [0] => 項目名, [1] => 評価する文字列
     * @return void
     */
    function CAPTCHA_CHECK($value) {
        if (isset($this->arrErr[$value[0]])) {
            return;
        }
        $this->createParam($value);

        require_once HTML_PATH . '/securimage/securimage.php';
        $securimage = new Securimage();

        if ($securimage>check($this->arrParam[$value[1]]) === false) {
            $this->arrErr[$value[1]] = "※ " . $value[0] . " に表示された文字を再入力してください。<br />";
        }
    }

導入部分に追加

例えば会員登録の場合

LC_Page_Entry.phpのlfErrorCheck内に追記

        if ($_POST['mode'] != 'complete') {
            $objErr>doFunc(array("文字入力による認証", 'captcha_code', STEXT_LEN), array("EXIST_CHECK", "CAPTCHA_CHECK", "NO_SPTAB", "SPTAB_CHECK" ,"MAX_LENGTH_CHECK"));
        }

tplに追加

<tr>
    <th>文字入力による認証<span class="attention">※</span></th>
    <td>

        <!--{if $arrErr.captcha_code}-->
        <div class="attention"><!--{$arrErr.captcha_code}--></div>
        <!--{/if}-->
        表示されている文字を入力してください。<br />
        (大文字・小文字は問いません。)<br />

        <img id="captcha" src="<!--{$smarty.const.URL_DIR}-->securimage/securimage_show.php" alt="CAPTCHA Image" />
        <a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">更新</a>
        <br /><input type="text" name="captcha_code" size="10" maxlength="6" style="<!--{$arrErr.captcha_code|sfGetErrorColor}-->; ime-mode: disabled;"/><br />※文字がわかりにくい場合は、「更新」を押してください。
    </td>
</tr>