By Hardik Savani May 18, 2022 Category : LaravelPlayUnmuteLoaded: 1.17%FullscreenHello,
This article is focused on laravel 9 google recaptcha v3 example. you can see how to use google recaptcha v3 in laravel 9. it's simple example of how to add google recaptcha v3 in laravel 9. This tutorial will give you simple example of integrate google recaptcha v3 in laravel 9. You just need to some step to done add google captcha in laravel 9.
As we know, When we created a contact us form or feedback form or any form that is accessed publicly Then we have so many submissions from spam. They submit those forms using curl request or something. So we can not get the real users from those forms. Here, i we will use google recaptcha v3 to prevent spam submission. we will create a contact us form and use google recaptcha v3 and prevent them. So that way you have only real users and real feedback you will get.
Let's see the below steps and make it done.
Step 1: Install Laravel
This step is not required; however, if you have not created the laravel app, then you may go ahead and execute the below command:
In this step we need to set google site key and secret key. If you don't have site key and secret key then you can create from here. First click on this link : Recaptcha Admin
Ok, after sucessfully register you can get site key and secret key from like bellow preview.
In this step, we will create two routes GET and POST. so let's add it.
routes/web.php
<?php use Illuminate\Support\Facades\Route; use App\Http\Controllers\ContactController; /*|--------------------------------------------------------------------------| Web Routes|--------------------------------------------------------------------------|| Here is where you can register web routes for your application. These| routes are loaded by the RouteServiceProvider within a group which| contains the "web" middleware group. Now create something great!|*/ Route::get('contact-us', [ContactController::class, 'index']);Route::post('contact-us', [ContactController::class, 'store'])->name('contact.us.store');
Step 4: Create Validation Rule
In this step, we will create new "ReCaptcha" validation rule that will check user is real or not using google recaptcha v3 API. so let's run below command and update rule validation file.
php artisan make:rule ReCaptcha
app/Rules/ReCaptcha.php
<?php namespace App\Rules; use Illuminate\Contracts\Validation\Rule;use Illuminate\Support\Facades\Http; class ReCaptcha implements Rule{ /** * Create a new rule instance. * * @return void */ public function __construct() { } /** * Determine if the validation rule passes. * * @param string $attribute * @param mixed $value * @return bool */ public function passes($attribute, $value) { $response = Http::get("https://www.google.com/recaptcha/api/siteverify",[ 'secret' => env('GOOGLE_RECAPTCHA_SECRET'), 'response' => $value ]); return $response->json()["success"]; } /** * Get the validation error message. * * @return string */ public function message() { return 'The google recaptcha is required.'; }}
Step 5: Create Controller
In this step, we have to create new controller as ContactController and we have also need to add two methods index() and store() on that controller. We will use recaptcha validation on store method. so let's update follow code:
app/Http/Controllers/ContactController.php
<?php namespace App\Http\Controllers; use Illuminate\Http\Request;use App\Rules\ReCaptcha; class ContactController extends Controller{ /** * Write code on Method * * @return response() */ public function index() { return view('contactForm'); } /** * Write code on Method * * @return response() */ public function store(Request $request) { $request->validate([ 'name' => 'required', 'email' => 'required|email', 'phone' => 'required|digits:10|numeric', 'subject' => 'required', 'message' => 'required', 'g-recaptcha-response' => ['required', new ReCaptcha] ]); $input = $request->all(); /*------------------------------------------ -------------------------------------------- Write Code for Store into Database -------------------------------------------- --------------------------------------------*/ dd($input); return redirect()->back()->with(['success' => 'Contact Form Submit Successfully']); }}
Step 6: Create View File
In Last step, let's create contactForm.blade.php(resources/views/contactForm.blade.php) for create form with google recaptcha v3 and put following code:
PlayUnmuteLoaded: 1.17%Fullscreen
Hello,
