reCAPTCHA v3をWordpressサイトに導入

イメージ
reCAPTCHA v3とは
reCAPTCHAは不正なアクセスをするbotプログラムなどからサイトを防御するために利用されている仕掛けです。
v2などでは、この機能を利用して、画像認識に役立てていました。

v3になって、人間の反応など不要で、AIを利用してサイトの悪用を防止するシステムに変わりました。
PCで閲覧した場合、右下に下のような画像が表示されるようになりました。


しかも、v2まではフォームやログイン画面などへのアクセスだけに設置して防いでいたのですが、全てのページに対して設置できるようです。

reCAPTCHA v3をWordpressのサイトに導入 今回、Wordpressのプラグインを利用して、reCAPTCHA v3をWordpressサイトに導入しました。
手順は超簡単 まず、下記のページからサイトを登録して、キーを取得します。 https://www.google.com/recaptcha/admin/create
適当にラベルを入力して、v3を選択。
ドメインを入力して、利用条件に同意した後に送信ボタンでキーは取得できます。

Wordpressのプラグインは https://ja.wordpress.org/plugins/advanced-nocaptcha-recaptcha/
これを利用しました。

導入して、v3を選んで、上で取得したキーを入力するだけです。

どこで検証するか?という部分に関しては
こんな感じでチェックを入れました。

他はデフォルトのままです。

簡単でした。

導入後は管理画面で状況閲覧が可能です。
問題点 tokenを発行して処理されているんですが、5分程度の時間しか無いようです。 ということは、入力に時間がかかる場合はtimeoutの危険が増します。
管理画面上で、有効時間を延ばす術は無い模様。

Google Maps APIのキー取得

 久しぶりにGoogleMapsAPIを利用する仕掛けを制作。

 API Keyを取得する画面が大きく変わってて、更に、ドキュメントもまだ未反映な状態なので、取得方法がわからずに苦労した。

 まず、APIコンソールへのアクセス。

 API コンソール https://code.google.com/apis/console

 でもって、Googleアカウントでログインしてから、プロジェクトを作成する必要がある。

 「Create Project」のボタンを押して、Project Nameを入れてプロジェクトを作成してください。
 左メニュー、APIs & authからAPIsを選んで、「Google Maps JavaScript API v3」をOnにしてあげてください。

 でもって、次に「Credentials」から「Public API access」の「Create new Key」を選択。
 また、ウィンドウが開くので、「Browser key」を選択。
 最後に出てきた枠の中に、利用予定のドメイン(サーバー名)を入力して、「Create」ボタンを押すと、Keyが生成されます。

 今回は、弊社手動で私のGoogleアカウントを利用して、Keyを作成しました。

 で、今後、お客様サイトを作成する際に、どのような形でKeyを作成するべきか少し悩みつつ、まだ、どれがベストプラクティスになるかがわからない状態。

 制作するサイトのタイプによっては、お客様のGoogleアカウントを利用する必要がたくさん出てきそうです。


コメント

このブログの人気の投稿

UTM(統合脅威管理)って邪魔で不要

AWSのS3をLinuxでマウントして、更にWindowsで利用

巡回頻度を上げるぞ