画像認証でreCAPCHAを設定する方法
公開：2017年10月19日
はじめに
フォームジェネレータの画像認証パーツで、より高度な機能の「reCAPCHA」を設定する方法をご紹介します。
画像認証パーツのデフォルトの機能では、フォームで画像に表示された文字を入力し認証を行います。
対して、こちらは「私はロボットではありません」というメッセージにチェックを入れて認証します。
この「reCAPCHA」はGoogleのAPIキーを使用します。
取得する際はあらかじめ、使用するGoogleアカウントにログインしてください。
通常の画像認証の場合
画像に表示された文字を入力し認証を行います。
※サンプルは一例です。
reCAPCHAの場合
チェックを入れて認証を行います。必要に応じ、適切な画像をクリックします。
※サンプルは一例です。
Google APIキーを取得する
- Googleアカウントにログインし、下記のGoogleのサイトへアクセスします。
▼ Google reCAPCHA
https://www.google.com/recaptcha/intro/android.html - 右上の「Get reCAPCHA」をクリックします。
- 下記の項目を入力します。
- 「Label」を入力します。
Label … どのサイトで使用するのかを識別するための名前 - 「reCAPCHA V2」にチェックを入れます。
- 「Domains」reCAPCHAを使用するサイトのドメインを入力します。
- 「Accept the reCAPCHA Terms of Service.（利用規約に同意する）」にチェックを入れます。
- 「Register（登録）」をクリックします。
- 「Label」を入力します。
クリック後のページに「Site key」と「Secret key」が表示されたら取得完了です。
あらかじめ「Site key」と「Secret key」（緑色の文字）をコピーしておきます。
reCAPCHAを設定する
- フォームジェネレータの「画像認証」パーツを編集します。
- 「reCAPCHA / 使用する」にチェックを入れます。
- 「reCAPCHA / Site key, Secret key」に先ほどコピーしたAPIキーそれぞれ貼り付けます。
- 「保存する」をクリックします。
- 「プレビュー」で実際の表示画面を確認できます。
公開する前に必ず確認しましょう。