Laravel 5 フォームに Google reCAPTCHA 確認コードを統合して使用する方法

1. はじめに

スパムやロボットなどの悪意のある操作を防ぐために、フォームを送信するときに検証コードを使用する必要がある場合があります。現在、最も一般的に使用されているのは Google reCAPTCHA です。 — —クライアント側とサーバー側の両方で使用するのが非常に簡単で便利なので、ここでは Google reCAPTCHA を例として、Laravel アプリケーションの形式に検証コードを埋め込む方法を示します。

Github には、Google reCAPTCHA を Laravel に統合する既製のプロジェクトがあります: anhskohbo/no-captcha。このチュートリアルでは、Laravel 5 でキャプチャを使用する方法を説明します。

2. インストールと設定

Composer を使用して拡張機能パッケージをインストールします:

composer require anhskohbo/no-captcha 2.*

インストールが完了したら、config/app.php 内のサービスプロバイダーをプロバイダー配列に登録する必要があります:

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class

次に、サイトの Google を取得する必要があります サイト キーと秘密キーを再キャプチャするには、Recaptcha Admin にログインして、最初にサイトを登録する必要があります:

[登録] をクリックしてサイトを取得します。サイトに対応するキーと秘密キー:

取得したサイトを置き換えます。 キーと秘密キーが .env ファイルに追加されます:

NOCAPTCHA_SECRET=[secret-key]NOCAPTCHA_SITEKEY=[site-key]

このようにして、Laravel アプリケーションの recaptcha を設定しました。フォームに確認コードを表示します。

3. フォームに検証コードを統合します

ビューに検証コードを表示するには、次のコード行を挿入する必要があります:

{!! app('captcha')->display(); !!}

まず、routes.php でアクセス ルートを定義します:

Route::get('contact', function() {    return View::make('contact');});Route::post('contact', 'EnquiryController@index');

次に、コントロールの RecruitController を定義します:

<?php namespace App\Http\Controllers;use Input;use Validator;use Redirect;use Session;class EnquiryController extends Controller {	public function index()	{	    $data = Input::all();	    $rules = array(		  	'name' => 'required',		  	'email' => 'required|email',			'subject' => 'required',			'g-recaptcha-response' => 'required|captcha',			'msg' => 'required',		);		$validator = Validator::make($data, $rules);		if ($validator->fails()){		    return Redirect::to('/contact')->withInput()->withErrors($validator);		}		else{		    // Do your stuff.		}	}}

最後に、ビュー ファイル resource/views/contact.blade.php を作成し、その内容を次のように編集します:

	
		
			
				
Contact us
				
					@if (count($errors) > 0)					
						Whoops! There were some problems with your input.

						
							@foreach ($errors->all() as $error)							
{{ $error }}
							@endforeach						
					
					@endif					{!! Form::open(array('url'=>'contact','method'=>'POST', 'id'=>'myform')) !!}										
						Name						
							{!! Form::text('name','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Full Name')) !!}						
					
					
						E-Mail Address						
							{!! Form::text('email','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Email')) !!}						
					
					
						Subject						
							{!! Form::text('subject','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Subject')) !!}						
					
					
						Message						
							{!! Form::textarea('msg','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Full Name')) !!}						
					
					
						Captcha						
							{!! app('captcha')->display(); !!}						
					
					
						
															Submit													
					
							
		
	

ブラウザで http://laravelacademy.org/contact にアクセスし、表示効果は次のとおりです: