CodeIgniterでreCAPTCHAを使う方法

公開日: : 最終更新日:2014/06/27 CodeIgniter

reCAPTCHAのアカウント登録からCodeIgniterでの開発方法をまとめます。
動作するサンプルを最後のほうに記載しています。

 

reCAPTCHAとは

reCAPTCHAはGoogleが提供している無償のCAPTCHA(キャプチャ)サービスです。
CAPTCHAとは、読みにくく加工した文字を表示してその文字をユーザーに入力してもらうことでWebサイトを利用しているユーザーが人間であるかどうかを判断する仕組みです。
掲示板やアカウント登録でスパムを防止したいときに便利です。

 

reCAPTCHAのアカウント登録

下記のURLからアカウント登録を行います。

http://www.google.com/recaptcha

 

「USE reCAPTCHA ON YOUR SITE」をクリックします。

reCAPTCHA

 

「Sign up Now!」をクリックします。

reCAPTCHA

 

Googleのアカウントでサインインします。

reCAPTCHA

 

DomainへreCAPTCHAを利用するドメインを入力してCreate Keyをクリックします。
ここではブログのドメイン「iw3.me」を入力しています。

reCAPTCHA

 

これでアカウントの登録は完了です。
作成されたPublic KyeとPrivate Keyは後で使います。

reCAPTCHA

 

RECaptcha-for-Codeigniter

CodeIgniterからreCAPTCHAを利用するためのライブラリー(RECaptcha-for-Codeigniter)がGitHubに公開されていたのでこちらを利用しました。
下記のページの「ZIP」ボタンからzip形式でダウンロードできます。

https://github.com/Cnordbo/RECaptcha-for-Codeigniter

 

解凍するとconfigとlibrariesフォルダにそれぞれphpファイルがあるので、CodeIgniterのapplicationフォルダ配下の同名のディレクトリに置きます。

application
 │
 ├ config
 │  └ recaptcha.php
 │
 └ libraries
 └ Recaptcha.php

 

 config/recaptcha.phpを設定

さきほどreCAPTCHAで作成したPublic KyeとPrivate Keyを設定します。

 

Controllerを作成

recaptcha_get_html()メソッドからreCAPTCHAを表示するスクリプトが取得できるので、そのままViewに渡しています。View側でこの内容を出力することでreCAPTCHAが表示されます。

submit()メソッドではrecaptcha_check_answer()メソッドでユーザーの入力値を渡して、getIsValid()メソッドで入力が正しいかどうか判断しています。

 

※ 通常recaptchaライブラリーを使用する前に「$this->load->library(‘recaptcha’)」として読み込む必要がありますが、このソースコードではControllerに宣言しているライブラリー名をMY_Controllerが取得して読み込み処理を行なっています。

 

Viewを作成

Controllerから提供された$recaptcha_htmlをそのまま出力します。

 

reCAPTCHAのサンプル

http://iw3.me/sample/2013/recaptchaLogin.html

 

CodeIgniterのバージョン

1.7.2と2.0.3で動作することが確認できています。

 

ad

関連記事

By: Seattle Clouds

The Twitter REST API v1 is no longer active. Please migrate to API v1.1

かぶめもでTwitterでのログインができなくなって調べてみたら、利用していたREST APIのサポ

記事を読む

The right way

CodeIgniterのためのNginx Rewrite Rule

網元でセットアップした環境にCodeIgniterをインストールしました。 NginxのRewrit

記事を読む

disposable modern craftsmanship

どうぶつの森のカブ価を予測するWebアプリ

とびだせ どうぶつの森のカブ価をメモ、予測するWebアプリを作成しました。 買値と毎日変動する値動

記事を読む

ad

Message

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

ad

lombok cant find ide
Spring Tool SuiteへLombokをインストールする方法

下記のURLから"lombok.jar"をダウンロードします。 ht

Spring Tool Suite
Spring Tool Suiteのインストールと日本語化

 Spring Tool Suiteのインストール 下記のURLから

spotlight -> terminal
ターミナルの起動方法

Spotlightから起動する "control"キーを押しな

By: NASA Goddard Space Flight Center
Mavenのインストール方法(Homebrew)

Homebrewでインストール ターミナルを開いて次のコマンドでイン

By: Miran  Rijavec
Homebrewのインストール方法

ターミナルを開いてHomebrewのサイトにあるインストールコマンドを

→もっと見る

PAGE TOP ↑